Minggu, 08 April 2012

Cara Memasang Facebook Like di Blogger

Kali ini saya ada sedikit tips untuk menambahkan tombol "Facebook Like" di postingan Blogger. Tanpa banyak basa basi, langsung aja ikutin caranya :



<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:4px; float: right;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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;'/>
</div>
</b:if>

<!-- Facebook Like http://rif-nurdan.blogspot.com -->


Copy Script di atas, dan letakkan di blog anda. Caranya:
  1. Masuk ke Dashboard> Desain/Rancangan> Edit HTML
  2. Klik / Centang "Expand Widget Templates"
  3. Jika ingin memasang button di atas posting, tekan tombol Ctrl + F di keyboard dan cari <div class='post-header-line-1'/> atau <div class='post-body'> dan Paste script yang telah di copy tadi tepat di bawahnya. Jika tidak ketemu, letakkan script di atas <data:post.body/>.
  4. Jika ingin memasang button di bawah posting, cari <data:post.body/> dan letakkan script tepat di bawahnya.
  5. Simpan Template.
  6. Done, dan selamat menikmati.


Note:
  • Jika ingin meletakkan button di sebelah kiri, ubah float menjadi left (dari float:right ubah menjadi float:left)
  • Jika ingin mengubah tampilan button dari terang menjadi gelap, ubah light menjadi dark (dari colorscheme=light ubah menjadi colorscheme=dark)
  • Jangan lupa ganti rif-nurdan.blogspot.com dengan alamat blog kamu.



Semoga Tips ini bermanfaat untuk anda . . .