痞客邦PIXNET部落格設定側邊出現浮動動態臉書FACEBOOK的LIKEBOX教學
如何在痞客邦pixnet部落格設定側邊出現浮動動態臉書facebook的likebox按鈕呢?
歷經網路google學習及測試後,只要按下列步驟,就可以完成設定
1.上傳您所要的FB浮動標籤圖片,如下圖所示~
2.在自訂樣式CSS最底端加入下列語法
痞客邦 CSS語法
http://pic.pimg.tw/dreammaker88/1385216825-3865907938.jpg ==>換成自己要的圖片連結
.fbbox{background: url("http://pic.pimg.tw/dreammaker88/1385216825-3865907938.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.fbbox div{border:none;position:relative;display:block;}
.fbbox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.fbbox span a{color: #808080;text-decoration:none;}
.fbbox span a:hover{text-decoration:underline;}
3.在側邊欄位新增語法
分絲專頁有內容語法+按讚人員大頭照~語法
Sharehealthinformationè修改成自己的分絲專頁簡短網址
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fbbox").hover(function(){
$(this).stop().animate({right: "0"}, "medium");
}, function(){
$(this).stop().animate({right: "-250"}, "medium");
}, 500);
});
</script>
<div class="fbbox" style="">
<div>
<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fsharehealthinformation&width=300&height=500&colorscheme=light&show_faces=true& header=true&stream=true&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;background:#fff;"></iframe>
</div>
</div>
分絲專頁只有按讚人員大頭照~語法
Sharehealthinformationè修改成自己的分絲專頁簡短網址
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fbbox").hover(function(){
$(this).stop().animate({right: "0"}, "medium");
}, function(){
$(this).stop().animate({right: "-250"}, "medium");
}, 500);
});
</script>
<div class="fbbox" style="">
<div>
<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fsharehealthinformation&width=300&height=500&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=500" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 300px; width: 500px;background:#fff;"></iframe>
</div>
</div>
您知道富翁(好野人)是怎麼產生的嗎?
在VEMMA真的沒有失敗的問題,只有時間的問題,以及你是不是真的"全心投入堅持到底"~~
加盟VEMMA簡單三步驟:
1.免費註冊試用體驗系統
2.仔細看 e-mail 收到的信件內容,若未收到請確認垃圾信件夾
3.仔細看VB網站及相關部落格內容和參與我們的線上辦公室(聊天室)及相關線上會議,主動聯繫指導教練,積極深入了解
這是《富爸爸窮爸爸》作者 羅伯特.T.清崎公開在媒體推薦的在家工作系統!
更是《秘密》作者包柏目前所運用的賺錢系統!!
喜歡 VEMMA 維瑪的自動跟進系統嗎^^? 歡迎您立即免費註冊試用喔^^!
現在就可以立即開始讓 Vemmabuilder 系統幫你賺錢!!
報名免費體驗後 ,請與我聯絡,讓我 引導你如何使用自動工作賺錢系統!
SKYPE:andy.tkw
e-mail: andytangkw@gmail.com
Line: andy.tkw wechat:andytkw
留言列表