Thursday, March 8, 2012

Menambahkan tombol "Facebook Like" di postingan


.:: Memasang tombol facebook like di postingan blog ::.

Widget Facebook like Button
Widget ini digunakan untuk menambahkan tombol Facebook Like pada postingan di dalam blog. Untuk memasang widget ini lakukan dengan cara sebagai berikut:

1. Mula-mula bukalah situs http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

2. Setelah halaman terbuka lakukan pengaturan terhadap parameter atau opsi-opsi yang ada, yaitu:
- Button Type; mengatur tipe tombol
- Text on the Like Button; mengatur jenis teks pada tombol.
- Color Scheme; mengatur warna tombol.
- Font; mengatur jenis huruf pada tombol
- Float; mengatur efek pada tombol
- Location; mengatur lokasi tombol
- Display; mengatur tampilan tombol

3. Berikutnya kopy-lah kode yang muncul di dalam kotak.
contoh yang akan muncul:

<div>
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>
 
4. Kemudian beralihlah ke halaman "Design" blog anda lantas tekan Tab "Edit HTML" 
 
5. Lalu di bagian "Edit Template" aktifkan kotak cek "Expand Widget Templates".

6. Selanjutnya arilah kode <data:post.body/> dan masukkan kode yang anda kopy tadi di atasnya.

7. Jika sudah klik tombol "Save Template"

8. Setelah itu klik link "View Blog" untuk melihat blog Anda dan di setiap bagian atas postingan akan muncul tombol "Facebook Like"

Hasilnya seperti gambar di atas.... (semoga sukses)

No comments:

Post a Comment