Friday, November 18, 2011

Menambahkan Button Like Facebook Pada Blog

Assalamualaikum wr wb, alhamdulillah sobat kita masih dapat berjumpa kembali, pada postingan ane yg ini, nah kali ini ane, mau ngasih tips dan trik buat sobat semua yang belum tau, yaitu menambahkan button like facebook pada blog kita. waw, fungsinya ternyata lumayan loh buat blog kita, karena apabila kita like, maka link artikel yang kita like tadi langsung terpublikasi di facebook. lumayan buat promosi blog para pemula, seperti saya contohnya. hehe.. langsung aja simak gan,, dan jngn lupa untuk memberikan komentarnya ya..

Ada beberapa tipe button like facebook yang dapat di pasang, yaitu :

Tipe Standard :







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


Tipe Box Count :





<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
<!-- Facebook Like http://notebase.blogspot.com -->




Tipe Button Count :






<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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;'/>
</b:if>
<!-- Facebook Like http://notebase.blogspot.com -->


Nah itu ada beberapa tipe button likenya. lalu cara memasukannya kedalam blog adalah :

  1. Login Blogger > lalu buka Rancangan > lalu pilih Edit HTML
  2. Kemudian klik / beri ceklis pada Expand Widget Templates.
  3. Kemudian copy script salah satu tipe diatas.
  4. Lalu cari kode <data:post.body/> gunakan kombinasi tombol (CTRL +F)
  5. Setalah itu, paste salah satu kode diatas dibawah kode <data:post.body/>, ( itu jika ingin button like berada di bawah setelah postingan ).
  6. Dan apabila ingin button like berada di atas postingan, cari kode <div class='post-header-line-1'/> atau <div class='post-body'> lalu paste tepat dibawah kode tersebut, apabila tidak ada kodenya, maka letakkan salah satu script diatas tepat di atas kode <data:post.body/>
  7. Kemudian Save template, dan lihat hasilnya

nah itulah langkah - langkah menambahkan button like pada blog, semoga dapat bermanfaat buat semuanya dan jngn lupa untuk memberikan komentarnya, kita berjumpa lagi pada postingan dan kesempatan berikutnya, thanks for visit my blog.

wassalamualaikum wr wb.



|


Masukkan Email Untuk Berlangganan Tulisan by E-mail



Tulisan Lainnya :

No comments:

Post a Comment

Berikan sedikit komentar sobat, karena itu sangat berarti buat saya, dan saya sangat berharap sobat tidak menggunakan user Anonim / anonymous tapi gunakan saja Name / URL, atau dengan E-mail itu lebih baik.. thanks for visit my blog

Copyright © 2012. NoteBase - All Rights Reserved
Template Design by AkustikCorporation
Powered by Blogger