Beranda Info Tips blog Widget Membuat Kotak Like Facebook di Blog
3/10/2013
A+ A-

Membuat Kotak Like Facebook di Blog

kotak like fanpage facebook
hallo sobat blogger semua, jumpa lagi ya dengan Blog0G0, sobat udah pernah baca Cara Menulis Artikel Yang Baik dan Benar belum? jika sudah mari kita lanjutkan saja dengan membuat kotak like facebook di blog sobat masing-masing, supaya blog sobat menjadi terkenal dan memudahkan dalam membagi artikel-artikel sobat yang terupdate. pertama sobat blogger harus memiliki fanpage dulu di Facebook suapaya nanti tombol Like nya akan otomatis mengerim kode dan "like" deh.
jika sudah maka mari kita bermain dengan kode :
  1. buka edit template di blogger
  2. ceklist expand widget template bila perlu,
  3. (alt+f) cari kode <body>
  4. Copy script dibawah dan paste kan tepat dibawah tag <body>
    <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>
  5. jika sudah Save tempate nya sobat Blogger
  6. kemudian buka tata letak dan Add widget CSS/HTML
  7. Copy dan Paste kan Script dibawah ini kedalam Box tersebut
    <div class="fb-like-box" data-href="http://www.facebook.com/maulana.utamaa" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>
     ganti tulisan yang berwarna merah dengan alamat Fanpage Facebook sobat masing-masing
  8. Simpan widgetnya dan lihat blog sobat masing-masing
Bagamana sobat? apakah cara membuat kotak like facebook di blog yang Blog0G0 bagikan berjalan sempurna? coba refresh jika belum tampil. jika berhasil jangan lupa sumbang waktu 7 detik saja untuk tombol share disamping kiri ya ^^.
happy blogging!
, ,