2012-07-05

Facebook like button code snippet for Google Blogger (iframe, 3 different style)

中文版幫Google Blogger加入Facebook讚按鈕

Notice: Those code snippets are only for Google Blogger. If you want to add a like button to your web page, try official code generator.

Most people place like button in post footer. To do that, paste code snippet right below this line:
<div class='post-footer'>


So, here are 3 most popular style of like button:

Standar layout with face:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height: 65px;'/>


Standar layout without face:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;height=35&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>


Button count:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height: 21px;'/>



No comments:

Post a Comment