6 Tampilan Cara memasang fans page Facebook di blog

Widget halaman facebook atau fanspage di sidbar blog ini sering kita temui di kebanyakan blog, cara membuat halaman facebook di sidbar blog dengan 6 pilihan style ini gampang kok ,berikut ini saya sajikan cara memasangnya lengkap dengan kode-kode scriptnya untuk anda

style 4
posted by social media com
<div class="fb-page" data-href="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl"><a href="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl">Social media com</a></blockquote></div></div>




style 5
posted by social media com
<div class="fb-page" data-href="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl"><a href="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl">Social media com</a></blockquote></div></div>



style 6
posted by social media com
<div class="fb-page" data-href="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl"><a href="https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl">Social media com</a></blockquote></div></div>

Baca: cara menampilkan widget di template seluler



Silahkah pilih style yang anda sukai copy kode CSSnya dan pastekan di colom widget yang sudah anda tentukan caranya sebagai berikut:
  • Log in ke blogger Anda
  • pilih template pada kolom edit html masukkan kode script berikut tepat di atas kode </body> lalu klik simpan
    <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>

  • kembali lagi ke dasboar blogger pilih tata letak

  • Klik "add a Gadget" pada posisi sidebar yang akan ditempatkan fans page Anda

  • Klik "HTML/JavaScript Add " dan isikan style Code yang Anda suka"

  • Klik save dan lihat hasilnya.

Catatan: Ganti Url warna kuning

https://web.facebook.com/pages/Social-media-com/302897999838827?ref=hl
dengan Url halaman fanspage anda

selesai: jangan lupa like halaman saya ya... lanjut dengan: 3 colleksion warna lainya

Previous
Next Post »