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:

Select Your Langguage

Advertisement

Warisan Tamadun



Mungkin Anda Meminati ini

Related Posts Plugin for WordPress, Blogger...