Bagaimana menambah Facebook like button di dalam blogger post

Tweet

How To Add Facebook Like Button To Blogger Posts?

1. Pergi ke Blogger Dashboard > Design > Edit HTML
2. Backup Template anda dahulu
3. Tanda the expand widget check box
4. Cari code dibawah di dalam template anda

<data:post.body/>

Jika anda inginkan like button berada di bawah title post anda sila tambah code diatas atau sebelum code di bawah

<data:post.body/>

Jika anda inginkan like button berada di bawah post anda sila tambah code dibawah atau selepas code di bawah 

<data:post.body/>

Facebook Like Button Styles

You can add like button in three styles :

1. Vertical Count
2. Horizontal Count
3. Without Count

1. Vertical Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

2. Horizontal Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

3. Without Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

  Selamat mencuba

http://itsegmen.blogspot.com