Cara membuat Widget halaman Fanspage di sidbar blog

Tags

triknews - Cara membuat Widget halaman Fanspage di sidbar blog dengan 6 pilihan warna, untuk menambah kesan menarik serta mendesain di bagian sidbar blog anda tak ada salahnya jika anda menambah kan satu widget ini ,Dengan anda memasang Widget Fanspage di blog , pastinya akan menambah pola desain unik dan elegan blog anda di mata para pengunjung, pemasanganya pun mudah anda bisa membaca penjelasanya lengkap dibawah,

Tutorial Cara membuat Widget halaman Fanspage ini adalah kelanjutan dari artikel saya beberapa waktu lalu yaitu, 6 Tampilan Membuat fans page Facebook di Sidar bolg, fungsi dari widget fanspage adalah untuk kelengkapan widget dan mempercantik sekaligus meningkatkan trafik pengunjung blog dimana widget tersebut di tempatkan ,widget fanspage 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 4
Cara Memasang Fanspage di Blog


<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">trikpos.com</a></blockquote></div></div>
style 5
Cara Memasang Fanspage di Blog


<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">trikpos.com</a></blockquote></div></div>

style 6
Cara Memasang Fanspage di Blog



<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">trikpos.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 dan ganti trikpos.com dengan judul fanpade anda.


Demikian penjelasan kami mengenai Cara membuat Widget halaman Fanspage di sidbar blog Semoga bisa menjadi referensi serta bermanfaat bagi anda

1 komentar so far

wah ahli kode script nih.. keren


EmoticonEmoticon