天哪！！！！你還在用木頭版動都不會動的FB粉絲團like box嗎！？？
最近很多部落客家的側欄都有掛著facebook的頁籤，
側欄的標籤任人看了都會有手癢想要點的感覺，更能有互動感。在此要先感謝香腸炒魷魚寫的wordpress版教學文，還有耶魯熊的協助教學，
終於在經歷許多次失敗後對於這種側邊欄位更得心應手了，
其實香腸炒魷魚寫的已經很仔細了，只是套用在痞客邦的版型上還有對於比較不熟悉CSS的朋友來說還是有點為難，
這篇教學文就針對痞客邦的版型來寫，
而且其實很簡單，就是加入兩串語法，一串直接複製，一串稍微修改就行了！
立馬來教大家如何在你的部落格側邊欄位掛上會浮動出現的粉絲團按讚框吧~
若你很熟悉痞客邦後台操作以及CSS語法或是懶得再設定其他語法，就可直接看懶人簡易步驟步驟教學；
但如果你想更了解後台的CSS語法，還是建議看深入設定語法圖解教學，之後還可以運用在其他地方上唷！
懶人簡易教學
▶ STEP1 上傳FB浮動標籤圖片
點此下載原始圖片，再上傳到自己的空間
(圖片也可自訂，不一定要用原始的FB標籤，但請務必自己上傳，以免害別人的圖破圖唷!)
▶ STEP2 在自訂樣式CSS底端加入下列語法
位置：後台管理>部落格>左側欄位底端的【自訂樣式】>前往CSS原始編輯碼
語法中的黃底字串請貼上自己上傳後的【圖片網址】
- - - - - - -- - - - - - -以下為貼在CSS原始編輯碼內的語法- - - - - - - - - - - - - -
.fbbox{background: url("請貼上自己上傳的【圖片網址】") 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;}
▶ STEP3 在現有側邊欄位中自訂區塊內容的原語法後面加入修改後的CSS語法
位置：後台管理>部落格>左側欄位中的【側邊欄位設定】
＊只要舊有欄位中有【自訂區塊內容】就可以插入自己的FB浮動粉絲團標籤CSS語法 (如可在埋ga或側邊粉絲團likebox的自訂區塊內容中插入語法)
＊語法中的黃底字串請貼上自己粉絲團的【自頂短網址】
說明：粉絲團網址：https://www.facebook.com/MEAT.TW，就將黃底字串改成MEAT.TW
----------------------------------------以下為要修改貼入的FB likebox CSS語法----------------------------------------
<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="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F請貼上自己粉絲團的【自訂短網址】&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
</div>
</div>
----------------------------------------以上為要修改貼入的FB likebox CSS語法----------------------------------------
▼ 以下為步驟三圖解說明
▶ STEP4 完成
前面三個步驟完成後，就可以到自己的部落格確認浮動likebox粉絲頁籤有沒有出現瞜。
更多米特的部落格語法設定教學
【教學】部落格語法設定｜在痞客邦部落格側邊出現浮動動態臉書fb的likebox
【部落格使用教學】痞客邦V.S.Facebook｜在部落格文章中崁入Facebook粉絲團按讚鈕LikeButton
【部落格使用教學】痞客邦部落格相簿隱藏｜你看不見我你看不見我系列→ 隱藏吧我的相簿
【部落格使用教學】痞客邦V.S.Facebook｜在部落格版面中崁入FB粉絲團LikeBox名片貼
【米特說說】
教學完畢！感謝各位看完落落長的FB浮動側邊欄位粉絲團like box教學文章！
希望有幫助到各位，有問題可以在下方留言詢問。
記得給米特個推文跟按讚鼓勵一下吧 ♥
歡迎加入我的臉書粉絲團，隨時跟蹤米特的新文章！
創業小旅程 (1)
太實用哩~~我最近才在找這個要怎麼用 米特就有教學文分享 太讚哩!
ALINA動作好快 馬上就發現這篇了 哈哈
米特~~我要求救>< 我做浮動窗口 在第二步驟的時候卡住~~~ 我把自己的臉書網址跟你的 MEAT.TW 互換 結果出來是空白的耶T^T
哈 ~~剛剛多試了幾次 OK了 感謝米特的詳細教學^^
哈哈哈我太晚上線了 結果有發現是哪裡有問題嗎:P
推 你介紹的好詳細!! 不過前幾天有朋友教我了 XD
哈哈 老爹跟我一樣有貴人指點 (Y)
哈 應該是我自己網址沒貼好~~ 我多試幾次就OK哩 謝謝米特^^0
哈哈哈好 不客氣 :)
推 大感謝!!!! 我也用好了呢:))
齁齁不客氣:)
還有做小動畫！！！！！！！！！也太用心了吧ｘＤＤＤＤＤ
哈哈哈 雖然很簡陋拉 但就忽然想玩一下 齁齁
我看了一遍，決定再看一遍！ 我這方面很弱，要再研究一下～ 感謝分享！
哈哈哈 小公雞如果不會再FB問我~ 其實就複製兩段與法貼上 我幫你改好了你試試看 《1》在CSS語法複製下面語法 .fbbox{background: url("http://a.imageshack.us/img525/9882/47256382.png") 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;} 《2》然後在你放粉絲團的那個側欄語法下面貼上下面語法 <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="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fmidogcat1227&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe> </div> </div>
感謝米特^^大成功ya~~
太好摟 我也有看到你設定成功了 :)
思推8 我也正在研究說 米特就教學ㄌ~ 太棒拉~
感謝思思推文 : )
米特可以幫我看看哪裡出問題ㄇ 有框框但是點出來是空白ㄉ~
我處理好啦~太開心嚕~
思思不好意思唷 米特剛在忙著寫文章 正想要回你說~ 結果後來是網址修改問題嗎?
好仔細哦, 開始會搞不懂,但整個看完就知道在說些什麼了 好棒哇,
耶我也成功了:D
太好摟摟摟 :D
推推 好厲害的教學喔!!!
你部落格的美食看起來也好利害!!!!!!!!!
我失敗了><
哪個步驟失敗呢?
感謝分享~~我也弄好了 這篇真的造福了我們不懂 這方面的人
*****
*****
感恩！成功了！！！！謝謝～～～
不客氣 :)
太好用了，一次成功 謝謝！！！ ^______^
你超厲害 (Y)
*****
*****
結果我昨天後來給它搞定了 XD XD
很棒的分享!!! 小提醒，可將側邊欄位中 connections=9 改成 8 或 12，這樣會更美觀喔!!!
謝摟 我再試試看 :)
【求助】哈囉~請問一下， 我的痞客幫CSS被鎖起來了耶，這該怎麼解開呢？ 後台顯示：您目前的樣式作者不允許修改
哈囉那你可能就要換一個版型了 你現在所選的版型可能作者不開放修改CSS 試試看吧!
謝謝分享
: )
好的~謝謝米特!!!!
我是使用簡易版型的第一排第三個蜜糖吐司那個 就可以修改CSS了
謝謝米特的教學文 受益良多 小嵐已經用好了！
不客氣不客氣 :)
米特~我努力把圖示生出來了，不過圖示內不是出現粉絲團，能否請你幫我看一下，謝謝 http://omamao.pixnet.net/blog
不好意思~我發現問題在哪了，謝謝^^
哈不好意思我這幾天比較忙 那時候想回你妳已經找到答案了 好聰明!!! 應該是上傳照片的網址使用有誤對嗎?
*****
*****
*****
*****
*****
不好意思!請問米特 我有照著步驟,有fb圖示但是滑鼠過去後出來是空白的T.T 是不是有什麼地方用錯會變成這樣呢?!麻煩了!!!
哈嘍儒儒 我想應該是因為你有擋痞客邦MIB分潤計畫廣告的關係 之前有個朋友也是出不來 你如果把擋廣告的語法拿掉 應該就可以了 你可以試試看 然後再取捨你想要擋廣告還是浮動FB LIKE BOX 嘍~
朋友~可否請 問.. 我的部落格FB有完成.但裡面空白 可否幫助我呢?我查了許久都無法發現錯誤在何處是否可以請您幫我查看? 我貼給你看我的語法 tacit200是我的粉絲團自訂縮址
艾呀~有了我知道了原來"http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftacit200&width=245&colorscheme=light&show_faces=true& 必需同一行啦！感謝你的分享..我完成了..謝謝您哦！
我剛看了一下他好像還是空白的耶 不過可能是網路比較慢的關係XD 或者是你更改沒有空格後忘記存檔? 再試試看嘍!!!
好像和瀏覽器有關，我用 Goodg就會顯示出來...哇！ 怎麼辦呢?幫我想個辦法？
哈哈如果是瀏覽器問題我可能就幫不上忙摟 不過大家都用firefox 跟google居多 所以多數人都看得到 我用ie也可以看到啊!!
請問如果我有掛線上人數，浮動還可以掛FB粉絲團嗎?! 因為我依照步驟操做好像沒有顯是餒>< 我是語法白癡~弄好久噢!
哈嘍 應該是可以的 我有看朋友兩個都有掛 不然你丟語法給我看 幫你檢查一下 :)
非常實用的教學 現在超多人用浮動式的粉絲頁 趕緊來跟進XDDD
哈哈對阿 這個比掛側欄明顯 很好用 :)
*****
*****
*****
請問如果圖案要自己做,要怎麼做?
你可以先畫一個圖案存成png檔再上傳 不過我還沒寫教學 我盡快生出來XD
*****
請問兩段都有收到嗎??
我只有看到第一段唷!
推推 這篇好實用! 有空也來弄一下!! 謝謝分享~
哈哈原來mandy還沒用這個 不過你很懶惰 你說要用可能...半年後才會用XD
*****
*****
*****
*****
我的好像成功了! 可是FB的LOGO出不來耶@@" 我放在痞客相簿空間產生的圖片網址~這樣OK嗎!?
哈摟misaki 你把圖片網誌複製給我看 我才能幫你檢查唷 :)
*****
*****
嗨嗨~圖片網址：http://misaki1012.pixnet.net/album/photo/234815786-20130916.png 謝謝：））
你的相簿是不公開的 我看不到阿XDDD 不過我的網址給你參考 格是應該會是這樣 http://pic.pimg.tw/meat76/1372798646-1719028624.png 你點開相簿後 在圖片上按右鍵 點選複製圖片網址 應該格式就會跟我的差不多
成功囉~YA!!! 謝謝你:)
齁齁 有成功找到你的圖片網址齁 不客氣(Y)
*****
*****
推推～ 太感謝您了，找了半天終於找到實用的教學 一下就成功囉！
不客氣不客氣 :) 大家都很聰明 一看就懂 (Y)
*****
*****
*****
*****
實用+1唷 感謝
推28 請問一下粉絲團的短網址要怎麼產生？
哈嘍晴晴馬迷 這篇是為了妳寫的唷 :) http://meat76.pixnet.net/blog/post/163416683
謝謝您的教學~我也幫blog裝了 受益良多呢!
不用客氣 :)
推推!! 好棒的分享^^ 我現在也有浮動標籤哩^^
不客氣 好東西 一起分享
米特好厲害xd 收起來用了 顆顆
(Y)
請問我使用後粉絲團圖示是縮小版耶@@ 怎樣才會跟你們的一樣大~謝謝
你要給我你圖片網址 我才有辦法看唷
*****
*****
*****
*****
*****
*****
一直無法留言><
?? 你的還沒搞定嗎
好讚!!!我成功了!!!萬分感謝 請問一下你前面提到臉書符號上傳到自己空間是指?? 我連接我相簿好像都無法 我現在是暫時用你提供的 想請你教我一下
就是把我相簿裡的那張圖片 另存新檔後 再上傳到自己部落格的相簿中 然後那本在相簿首頁點選要用的那張圖按右鍵 選取複製圖片網址位置 應該就可以了
*****
*****
真的是麻煩您了><
你圖片網址設定有誤 在相簿首頁點選要用的那張圖按右鍵 選取複製圖片網址位置 應該就可以了 你相簿有鎖右鍵 所以我無法幫你直接複製語法給你 你再試試看
*****
我用出來沒有facebook的logo耶 但是把滑鼠移到捲軸那邊我的fb就又會跑出來這樣 想問米特這要怎麼解決呢 用一個晚上了 QQ
你圖片網址設定有誤 在相簿首頁點選要用的那張圖按右鍵 選取複製圖片網址位置 應該就可以了
這太實用了XD~我也弄好咧XD
: ) 你好棒
試了幾次之後才發現自己沒有仔細看清楚www((好孩子別學
哈哈哈 語法本來就有點麻煩 學會後就會很有成就感了 good!!!
*****
*****
*****
耶～謝謝！成功了 ^_^
超強的啦!!!好實用!!
*****
*****
*****
爬了文 複製圖片按右鍵 還是沒有ㄝ .fbbox{background: url("http://sparklelnc.pixnet.net/album/photo/375624999") 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;}
http://pic.pimg.tw/sparklelnc/1383465130-1836830396_s.png 直接點你給的連結上傳到相本耶 但為啥會這麼大呢? 謝謝
你原本相簿的網址給我一下 我幫你看看
哈囉!!! 感謝你借少好詳細!! 可是我設定完後，部落格有出現FB標籤 但是滑開後是空白的?! 我的側邊欄位設定碼是這樣：
哈嘍 我知道哪裡出錯摟 試試看這個語法吧! <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="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fespressolife2013&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe> </div> </div>
謝謝米特 我成功啦!!!
不客氣唷 :)
感謝! 依照您的教學成功了,但是FB書頁標簽的小圖很小一塊,請問如何修改,謝謝
剛剛現用了別人的圖片網址,發現就沒有問題了, 原來是我圖片的問題,在痞客邦上傳圖片後就變成正方形了 目前還沒有研究好如何上傳長條形的圖片 謝謝你!!
你把我的圖片按右鍵儲存 然後再上傳到自己的相簿裡面 上傳完成後 再進去相簿 複製圖片網址就可以了
研究好久還是無法成功ˊˋ
是唷 第一跟第二個步驟都不行嗎
重試了好幾次終於成功了^0^ 謝謝大大拉～♥
感謝米特的教學~幫了我好大的忙^^~~成功~喔耶~ 大感謝~~~
您好~米特不好意思 我也是試了很久,圖片的部分有出來 但內容跟上面許多人一樣都是空白的~請問是哪個環節有問題呢?
米特您好~~ 我想請問如果我想把有誰按讚換成最新訊息，可以這樣改嗎?? 謝謝你~~~><
*****
*****
可以幫幫我媽~ 我已經研究三天了~ 卻研究不出個所以然~
我用出來了~ 但是內容都是空白的 還出現 為了協助保護您在此網站所輸入的資訊安全性，此內容的發行者不允許在框架中顯示資訊。 請問~ 哪裡有打錯嗎~??
拜託可以幫我看看為何FB標籤跑不出來嗎? 謝謝 .fbbox{background: url("
】") 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;
感謝分享，但還是有點小問題，左側跑出來一大半畫面，不知道是不是自製的圖太小的關係??
失敗!我不會弄...
*****
你好！謝謝你的教學，好詳細！我也設定成功囉！感恩！ 不過我有別的問題想請教，就是側邊的這個ＦＢ浮動設定是不是只限用粉絲頁呢？可以連結用個人的ＦＢ網頁嗎？謝謝～
哈嘍 不客氣唷!! 關於個人FB連結應該也是可以 你可以試試看把網址改掉 不過我自己是沒有弄過拉XD
您好～ 請教您，側邊的浮動框長度較短，要如何設長一些？希望可設到height:700px 另可以再提供一組是靠左欄的嗎？右爛己做好，但因有兩個粉絲團，希望左右兩欄都能有.... 感謝您的分享與協助 ^^
不好意思我沒有研究兩欄的唷 如果您研究好也歡迎跟大家分享:) 長度設定應該可以調整語法中height後面的數字
成功了~~非常感謝網主的分享
不客氣唷 :)
謝謝米特大大~~我也試了好多次~後來發現原來是我的圖片網址給錯了~XDD 驚險成功~~
對阿 很多人都是圖片網址弄錯 恭喜你成功啦!
米特你好！ 用你的图片链接可以，但用我的却不可以，请问我的图片链接有什么出错吗？ 1. 你的：http://pic.pimg.tw/meat76/1372798646-1719028624.png 2. 我的：http://ham828.pixnet.net/album/photo/278923404-1372798646-1719028624.png 谢谢！
圖片位置錯了 要單張照片的網址位置 你要到那本相簿的首頁 然後在那張圖上方點右鍵儲存網址位置才會是對的
找到了！原来网址在Properties里~~ 谢谢你！！m(_ _)m
:)
謝謝分享~ 好詳細的教學，成功了^_^
不客氣 : )
哎呀~~還是不行哩~可以幫我看看什麽問題嗎？ http://ham828.pixnet.net/blog
是什麼問題呢
有FB图，但鼠标扫过去是空白的，然后消失:(
是粉絲團網址設定錯誤喔!
寫得超大心超詳細的啊!!謝謝 但是我的滑過去,有一半是透明的>< 只顯示一半,可以幫我看一下有問題嗎? 還是是我沒有弄分潤廣告的關係?
剛剛去你部落格看 看來已經弄成功喽! 很棒:) 還幫你按了讚 XD 後來有發現是什麼問題嗎
你好~我不知道哪個環節出問題了>"< http://nanayin060.pixnet.net/blog
可以講明白點你的問題嗎 或是可以爬一下文 應該有人跟你有相同的問題
嗚嗚~我就用不成功耶 大大 我的資質那麼差嗎@@
每個人對語法的敏感度不同而已啦 說說你的問題吧
你好我試了好多次，有出現是有但是是直接顯示在欄位上><沒有浮動 可以幫我看看哪裡出錯了嗎 CSS: .fbbox{background: url(http://pics15.yamedia.tw/42/userfile/l/luvmiisa/album/15357bb85ce1e0.png) 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;} 側邊攔:
哈嘍 剛剛去看你網誌 已經弄成功了呢! 恭喜唷 :)
我照你的方式做完了, 但側邊有跳出來, 但全是空白, 我重新用了好多次還是空白的, 為什麼？！
哈嘍 可以在留言爬文 會有解答唷 :)
謝謝米特特地來我家幫我看(就感心><) 我今天才終於找到真正原因!! 我才納悶為什麼手機看ok 但電腦看就是會被卡掉一半是透明的 重試了n遍都弄不好 今天終於弄懂了!! 是電腦螢幕"縮放比例"的關係! 因為我電腦都設定125%觀看, 所以都會被卡掉 改成100%就不會了! 謝謝米特唷~^^(啾~~)
原來還有這個問題啊 感謝你提供資訊 這樣大家就可以少一個困擾了 不客氣 : ) 恭喜成功辣 !!!
您好: 可以幫我看一下我哪裡出錯嗎?? 有fb圖片顯示，但無法浮動耶!! 好傷心喔!! 可以幫我看看嗎?? 是不是我圖片網址有問題?? 因為我按右鍵複製圖片網址是這樣: http://pic.pimg.tw/minyfy/1401986221-1676640818.png?v=1401986225
網址的部分可能不太對 要在相簿的縮小圖點選右鍵 然後複製圖片網址才正確
米特～～ 我語法用了～可是滑過去是空白的 有地方有錯嗎？
通常是錯在短網址設定 你可以再試試看
你好, 我也是看了你的教學下去弄這個臉書側邊動態設定...可是, 我搞了快一天, 臉書內容連結有出來, 只是facebook這個圖示, 卻跑了3個字母出來..而且很模糊... 我明明也是去下載你分享的這個facebook長圖示, 然後儲存, 上傳到我自己痞客相簿空間裡..可是, 上傳後顯示出來的, 卻不是長圖示, 反而是截斷的字母...這怎麼辦呢? 麻煩幫忙教一下嗎? 謝謝啊 我的設定內容如下: .fbbox{background: url(" http://pic.pimg.tw/mirabelleishere/1402204800-1056533210_t.png") 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;}
啊...我後來又努力找到正確的圖示網址了...現在成功了!! 終於... 不好意思麻煩你了...另外, 非常感謝你的教學啊!!!
不客氣 很開心有幫到你
*****
*****
我想請問：點此下載原始圖片，再上傳到自己的空間 是什麼意思呢？ 因為我一開始就卡在這裡了~！><"
就是請自己下載右邊會浮動的facebook圖樣 然後上傳到自己相本 在使用上傳後圖片的網址位置 以上~
*****
*****
真的很實用 謝謝你的分享喔!
不客氣 : )
不好意思 我的有視窗但是沒有FB的圖片...求解
通常這問題是你的粉絲團網址設定有錯誤唷
*****
*****
米特可以幫我看看哪裡出問題ㄇ 有框框但是點出來是空白ㄉ~
如果出現是空白 應該是粉絲團短網址的問題唷 你注意一下試試看
請問社全外掛元件 該怎麼使用~?? 是不是一定要貼上 粉絲團的網址? FB社團的不行嗎?
我也是有空白 粉絲團短網址 該怎麼用??
社團的我沒有使用過 一樣有短網址嗎? 如果有短網址就試試看 如果空白就是網址設定問題
米特 謝謝你抽空回覆~ 我想請問一下 是不是要有用甚麼 Facebook 社群外掛元件才行得通??
不好意思我沒有用過社團的網址 所以也不知道可不可以設短網址呢OTZ 無法幫上忙了
請問:我的為什麼沒有浮動"標籤"只有粉絲團聯結?? 拜託教教我.... >< CSS: .fbbox{background: url("http://drp.io/g9V") 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;} 側邊欄
圖片網址 跟FB短網址設定都不對呢 你檢查看看是不是也是這樣
那想請問說 如果說想要把你此篇文章中，浮動Facebook粉絲框，設定說"使用手機觀看會自動隱藏"的功能，請問要加入何種語法在裡面呢?謝謝
哈哈不好意思這我還沒研究過呢OTZ
多謝詳細教學^ ^
不客氣 :)
救人喔~沒成功 我是用這個https://www.blogger.com/add-widget 複製語法做了名片貼再加入你的語法,側面欄位還是沒改變... 在自訂樣式CSS底端加入語法也沒成功 問題會出在哪裡呢?可以麻煩你幫我看看嗎? 感恩喔!
拍謝我只用過痞客邦呢~
謝謝米特分享~~~ 可是我測攔用在左邊 他才會跑出來 可是裡面是空的 測蘭就在右邊他就完全不會出現 該怎麼辦呢>"< http://yo1208yo.pixnet.net/blog
應該是網址設定的問題唷 可以仔細看一下全部的順序 還有網友們留問的問題 應該就可以解決了!
嗯? 在首頁會跑出來...但是進入到文章沒有?
謝謝你的分享~~ 我終於會了耶! 推
哈哈哈 語法真的很討人厭欸~~~ 恭喜成功!!!!
成功囉！！！謝謝你
不客氣唷 :)
不知道為甚麼沒完全出來，而且只會跳出一次
謝謝分享，很仔細!
不仅是css语法了哦，也用了js语法
寫得很仔細呢!!! 一次就成功超感動的拉 謝謝你