20 May 2015

6 Colleksion Membuat fans page Facebook di Sidar bolg

Tags

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

style 1
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="true" 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 2
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="true" 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 3
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="true" 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>

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: jika sudah seleai sebagai balasan jangan lupa like halaman saya ya...opsss sory Lanjut dengan: 3 colleksion warna lainya


EmoticonEmoticon