47.jpg  


  

如何在痞客邦pixnet部落格設定側邊出現浮動動態臉書facebooklikebox按鈕呢?


歷經網路google學習及測試後,只要按下列步驟,就可以完成設定
 

1.上傳您所要的FB浮動標籤圖片,如下圖所示~

☆圖片可以自由發揮設計
上傳完畢後,記錄下圖片網址1385224481-2836682560
 

2.在自訂樣式CSS最底端加入下列語法

操作:部落格後台→左邊欄位→部落格管理→拉到最底的樣式管理→自訂樣式
→開始編輯CSS原始碼
1385224562-2494287359FB浮動視窗教學03  
痞客邦 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.在側邊欄位新增語法

操作:部落格後台→左邊欄位→部落格管理→側邊欄位設定
FB浮動視窗教學04
 
 
 
FB浮動視窗教學05  
 
放側邊欄位語法

絲專頁有內容語法+按讚人員大頭照~語法
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&amp;width=300&amp;height=500&amp;colorscheme=light&amp;show_faces=true&amp; header=true&amp;stream=true&amp;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&amp;width=300&amp;height=500&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=500" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 300px; width: 500px;background:#fff;"></iframe>
</div>
</div>

 

轉載自  http://dreammaker88.pixnet.net/blog/post/101747217

 

flower11.gif flower11.gifflower11.gifflower11.gifflower11.gifflower11.gifflower11.gif

※生命的活力,從分享開始
分享源自於回應,回應是暖流的泉源;
推文更是彼此感情及努力的支持動力,請多回應或推推唷^^

 

在 VEMMA 真的沒有失敗的問題,只有時間的早晚以及你是不是真的 "全心投入" 唷~

歡迎參加我們的網路居家創業說明會,只要一台會上網的電腦和1個半小時的時間
您就可以在家中安安靜靜地仔細評估,深入瞭解這份事業!

 

加盟VEMMA簡單三步驟:
1. 輕鬆免費報名試用
2.仔細看 E-mail 收到的信件內容,若未收到請確認垃圾信件夾
3.仔細看VB網站及相關部落格內容,主動聯繫,積極深入了解

2efca180e93de9fbfa074414988dada6.jpg untitled22.bmp 2348679.png 1331463.jpg 1424492.jpg
這是
《富爸爸窮爸爸》作者清崎唯一公開在媒體推薦的在家工作系統
更是《秘密》作者包柏目前所運用的賺錢系統!!

 

喜歡 VEMMA 維瑪的自動跟進系統嗎^^? 歡迎您立即免費試用喔^^!
現在就可以立即開始 讓 Vemmabuilder 系統幫你賺錢!!

gdi10.gif

免費體驗報名網址: http://dreamstar888.blogspot.com

 

美商維瑪 VEMMA 邀請您共創互助事業
全世界每一秒鐘都有人加入我們的行列!!
機會稍縱即逝~把握住這班已經啟動的成功列車

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

加入試用後請與我聯絡,讓我引導你如何使用系統!
至於決定權依然在你身上,星星決不過問或推銷的唷!
(因為星星真的不會推銷...)

SKYPE:ann8137   
QQ: 1463540063                                                                email:vemma8137@hotmail.com                                  

 

 QQ官方下載點  http://im.qq.com/qq/2013

 (點擊或複製網址至流覽器,即可直接連結到QQ官方下載點頁面)

 下載後請務必加我好友~ 如何加我為好友?

 如何"搜尋QQ號"圖解:   http://www.flexamail.com/GetImage.ashx?Id=10283

 Untitled1VEMMA星星∣VEMMA∣VemmaBuilder∣VemmaSTAR 維瑪之星聯盟∣美商維瑪∣聯盟營銷∣網路營銷∣聯盟行銷∣網路行銷∣網路行銷∣直銷∣聯盟行銷∣策略行銷∣夥伴行銷∣program∣計劃∣退休計劃∣引 薦計畫∣加盟創業∣創業平台∣soho創業∣網路創業∣事業計畫盟創業∣創業商機∣兼職創業機會∣賺錢平台∣在家工作∣在家創業∣SOHO族∣宅經濟∣在 家創業∣部落格賺錢∣soho ∣財務自由∣財務計劃∣財務自由的生活∣百萬年薪∣幸福 快樂∣ 投資∣富裕生活∣快速致富∣秘密∣成功∣網創∣網路工作∣網絡商機∣網路創業∣網絡生意∣網路事業∣網絡賺錢∣ 網賺∣網路開店∣網絡創業∣ 網絡商機∣網路空間網絡營銷∣低成本行銷∣低成本創業∣小本創業∣快速回本∣小額加∣打工∣兼職收入∣兼職機會∣兼職加薪∣替自己加薪∣打工賺錢∣招聘∣ 兼職創業∣ 商業資訊∣VB∣賺錢方法∣旅行∣夢想∣全世界∣個人品牌∣事業經營∣免費試用 ∣電子商務∣人生∣生意∣老板∣自由∣華人∣系統∣馬來西亞人∣新加坡人∣台灣∣中文∣中文市場∣額外收入∣傳直銷∣體重控制 ∣減肥∣減重∣連鎖加盟 ∣女性創業 ∣家庭代工 ∣創業網 ∣免費試用 ∣網路商店∣網賺∣綠加利 基金∣專業技術 ∣加盟體系 ∣找工作 ∣104人力銀行∣投資理財∣股市∣房地產∣羅伯特.T.清崎∣創業∣吸引力法則∣保健食品∣旅遊∣自由行∣期貨∣黃金∣賀寶芙∣雙鶴∣康寶萊∣丞燕 ∣1111人力銀行∣518人力銀行∣永久∣雅芳∣克麗緹娜∣營養補給∣財富革命∣地圖日記∣樂多∣在家工作系統∣在家創業系統∣在家兼職工作∣加盟∣網 路加盟∣加盟事業∣網路直銷∣美樂加∣創業投資直銷∣傳銷∣失敗∣成功∣賺錢∣機會∣賺大錢∣網路賺錢∣失業∣翻身∣兼職∣在家工作∣在家∣加盟展∣創業 平台∣創業∣事業計畫∣兼職財富第五波∣兼差∣養老金∣終生俸∣退休金∣窮爸爸富爸爸∣持續性收入∣被動收入∣家庭計畫 ∣圓圓夢計劃∣vemma∣維瑪∣計劃∣退休方式∣網路空間∣小額加盟∣兼職收入盟創業∣兼職創業∣∣網路平台∣自在生活

 
 
arrow
arrow

    星星(長馨 ANN) 發表在 痞客邦 留言(0) 人氣()