Kepada Blogger IT, Teknologi atau Berkaitan Dunia Teknologi, Mari Bertukar Link Dengan Blog ini



Translate

Sunday, September 9, 2012

Bagaimana menambah Facebook like button di dalam blogger post

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

No comments:

Post a Comment

Popular Posts Blog IT Segment

Recommended Post Slide Out For Blogger
Related Posts Plugin for WordPress, Blogger...

Rakan Bersama

Blogger tricks and toolz