Kamis, 31 Mei 2012

Cara Memasang Kotak Suka (Like Box) di Blog

TNC. Punya Halaman (fan page) di facebook tapi tidak dipasang di blog, tentu belum lengkap rasanya. Jika kamu sudah punya Halaman (fan page) di facebook, tapi bingung cara memasangnya di blog, ikuti tutorial ini. tapi jika kamu belum punya Halaman (fan page) di facebook, baca artikel TNC sebelumnya tentang Cara Membuat Halaman (fan page) di facebook


Setelah halaman facebook kamu jadi, sekarang tinggal pasang like boxnya ke blog kamu. Caranya mudah, kenapa mudah.? karena saya sudah mencobanya dan berhasil. ikuti langkah berikut ini:

1.    Login ke akun facebook kamu (tempat kamu membuat Halaman (fan page)).
2.    Pilih “sunting halaman” atau “kelola, dan pilih pengaturan”
3.    Pilih “sumber daya”
4.    Pilih “gunakan plugin sosial”
5.    Kemudian pilih “like box”. Kalau malas mengikuti langkah 1-5, tinggal klik saja link http://developers.facebook.com/docs/reference/plugins/like-box/
6.    Setelah itu isi beberapa pengaturan untuk like box
  • Widht, isi dengan lebar like box yang kamu inginkan, biasanya sudah ditentukan batas minimalnya adalah 292 px. Kamu bisa merubahnya sesuai keinginan kamu.
  • Height, isi dengan tinggi like box yang kamu inginkan.
  • Color scheme, pilih light (terang) atau dark (gelap) untuk warna latar like box kamu
  • Show face, centang pada kotak show face jika kamu ingin menampilkan foto orang yang suka halaman (fun page kamu). Jangan di centang jika kamu tidak ingin menampilkannya.
  • Border color, isi dengan warna garis pinggir untuk like box yang kamu inginkan, misalnya red, white, blue, dll.
  • Show stream dan show header, sebaiknya jangan (hilangkan) centang pada kotak show stream dan show header.
  • Klik “get code
7.    Setelah itu maka akan muncul Kode like box untuk dipasang di blog kamu. Kode pertama adalah untuk ditempatkan di kode HTML, dan kode kedua adalah untuk dipasang di widget. Contoh kodenya adalah sebagai berikut. (contoh kode untuk halaman (fun page) yang saya punya).
kode 1: 
<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>

kode 2:
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Muda-Mudi-Kota-Bima/336997113035014" data-width="292" data-height="180" data-colorscheme="dark" data-show-faces="true" data-border-color="orange" data-stream="false" data-header="false"></div>

Cara memasangnya adalah:
  • Login ke blog kamu
  • Kemudian pilih "template"
  • Kemudian pilih "edit HTML", pilih "lanjutkan".
  • Centang "expand template widget"
  • Cari kode <body> atau </body>. Untuk mempercepat proses pencarian, tekan Ctrl+F.
  • copy kode 1 tepat DIBAWAH kode <body> atau </body>
  • kemudian klik “simpan template”, setelah itu "tutup"
8.    setelah memasukan kode 1 di edit html, kini lanjutkan dengan memasukan kode kedua ke widget blog kamu. Langkah-langkahnya seperti ini:
  • klik “tata letak”
  • klik “tambah gadget”, tempatkan dimana kamu ingin menempatkan like box di blog kamu.
  • Pilih “HTML/Java Script”
  • Masukan kode 2 ke kotak tersebut, dan beri judul jika kamu mau.
  • Klik "simpan".
  • Lihat hasilnya, like box untuk halaman (fan page) kamu kini telah terpasang di blog kamu.
Semoga tutorial ini bisa bermanfaat dan dicoba. Kesempurnaan hanya milik Sang Pencipta, dan kekurangan datang dari penulis, jangan ragu untuk bertanya jika ada langkah-langkah yang kurang dipahami. Salam blogger. alimin

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...