米特,味玩待敘部落格 © MEAT76|2013米特教室【部落格使用教學】痞客邦V.S.Facebook|在部落格文章中崁入Facebook粉絲團按讚鈕LikeButton001

米特最近悄悄地在每篇文章文末都加上了米特,味玩待續粉絲團的按讚鈕,
你是不是也發現啦?!
前幾日帆帆來請教我要怎麼置入在文章中,想必你也很想知道齁,不囉唆,我們馬上進教室~

在進入正式課程前,如果你是個非常懶惰的人,
請直接使用
部落格文章中崁入Facebook粉絲團按讚鈕LikeButton的懶人設定法
懶人設定法:

將下列IFRAME語法複製並修改後,放入文章的HTML編輯器中,就大功告成啦!
但請先照這樣修改紅色部分修改成你的粉絲團後面字串。
米特粉絲團的IFRAME語法:<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FMEAT.TW&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
以下用210生活館粉絲團為範例:
210生活館粉絲團網址|https://www.facebook.com/210shop
更改語法|就把範例語法的MEAT.TW改成210shop記得把語法字串去除紅底或灰底樣式。
範例:
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fshop210&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
就會呈現出此Like button按鈕摟!↗ 

 

以下為部落格文章中崁入Facebook粉絲團按讚鈕LikeButton的深入設定法utton的,獻給勇於挑戰的你!
深入設定法:

米特,味玩待敘部落格 © MEAT76|2013米特教室【部落格使用教學】痞客邦V.S.Facebook|在部落格文章中崁入Facebook粉絲團按讚鈕LikeButton002

《STEP1》設定自己的粉絲團Like button語法
點選|進入更多Facebook社群插件裡點選的Like button
輸入網址|在URL to like中輸入自己的粉絲團網址
設定|依自己的喜好設定Like button顯示選項,
取得語法記得最後設定完要點選Get Code取得與法。

 

米特,味玩待敘部落格 © MEAT76|2013米特教室【部落格使用教學】痞客邦V.S.Facebook|在部落格文章中崁入Facebook粉絲團按讚鈕LikeButton003

《STEP2》複製粉絲團Like button的IFRAME語法
點選IFRAME點選IFRAME後複製語法並按確認

 

米特,味玩待敘部落格 © MEAT76|2013米特教室【部落格使用教學】痞客邦V.S.Facebook|在部落格文章中崁入Facebook粉絲團按讚鈕LikeButton004    

《STEP3》到文章內貼上粉絲團Like button的IFRAME語法
點選HTML文章編輯器|進入文章編輯器並點選左上角的HTML
在HTML中貼上IFEAME語法|在跳出的HTML原始程式編輯器內貼上剛剛複製的IFRAME語法後按更新
文章編輯器|進入文章編輯器並點選左上角的HTML
點選HTML文章編輯器|進入文章編輯器並點選左上角的HTML
確認|文章中若出現黃色框框表示完成

【米特說說】
教學文若有不懂的地方,都可以留言詢問,但記得要先乖乖仔細看完文章再發問唷~
還想知道什麼臉書啊、Facebook啊、或是痞客邦部落格任何功能,也可以留言詢問唷!
文章都看光光了,也給米特來個
推文按讚
加入我的臉書粉絲團,隨時跟蹤米特的新文章

更多米特的實用教學文
【Facebook】設定教學|FB已讀訊息變為未讀→去你的已讀,繼續裝死的大絕招! 
【部落格使用教學】痞客邦部落格相簿隱藏|你看不見我你看不見我系列→ 隱藏吧我的相簿 
【部落格使用教學】痞客邦V.S.Facebook|在部落格版面中崁入FB粉絲團LikeBox名片貼 


arrow
arrow
    創作者介紹
    創作者 米特 的頭像
    米特

    米特。味玩待敘 @meat76

    米特 發表在 痞客邦 留言(11) 人氣()