Membuat Kotak 'Suka' Halaman Facebook untuk blogspot

Walaupun blogger lain sudah banyak yang share tips Membuat Kotak 'suka' halaman Facebook untuk blog atau website tapi saya memberanikan diri untuk share juga, hitung-hitung berbagi pengalaman dan belajar menulis postingan. Bagaimana sudah siapkah rekan-rekan membaca postingan ini.
 
Tapi sebelumnya sobat blogger sudah tahukan Kotak 'Suka' halaman Facebook di blogspot. Itu loh yang biasanyanya terdapat teksnya Temukan Kami di Facebook, dibawahnya terdapat gambar jempol. Contoh seperti punya saya  ( Kosasih Blog ) yang di sidebarblog ini.


Langkah - langkah membuatnya :
1. Siapkan secangkir kopi. Biar Melek.
2. Sebelumnya sobat blogger harus membuat Halaman di Facebook. saya tak akan menjelaskan detail tentang membuat halaman di facebook. Sobat masuk ke akun facebook, klik Halaman, klik + Buat Halaman,
3. kalau sudah,  klik link ini :  http://developers.facebook.com/docs/plugins/
4. Pilih Like Box.
5. Dibawah Facebook Page Url masukan Url halaman yang sudah sobat blogger buat tadi di awal
6. Pada kotak Widht sesuaikan dengan sidebar blog kamu, defaultnya 292
7. Sesuaikan Height -nya dengan keinginan kamu
8. Color Scheme pilihannya Light atau Dark
9.  beri tanda centang pada kotak Show Faces
10. Pada Kotak Show Stream, saran saya jangan di centang 
11. Beri tanda Centang pada kotak Show Header
12. Lalu klik Get Code
Maka akan munculah jendela baru yang berisi dua buah Kode Plugin untuk blog anda. Kode script pertama kira-kira begini :
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Script Kedua isinya sperti ini :
<div class="fb-like-box" data-href="http://www.facebook.com/KosasihBlog" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>
Langkah selanjutnya adalah :
1. Masuk ke akun blogger.com sobat
2. Dashboard, Rancangan, Edit HTML
3. Cari kode script ini : <body>, kalau sudah ketemu, maka copykan script plugin yang pertama pada saat nge-klik Get Code di bawah <body>
4. Masukan script kedua di widget sidebar yang di kehendaki

eng ing eng....lihat hasilnya...
Bagaimana..?
Semoga bermanfaat 


 




0 Response to "Membuat Kotak 'Suka' Halaman Facebook untuk blogspot"

Post a Comment

Terima Kasih sudah mampir