Membuat Widget Like Box Fanspage Facebook Keren

Membuat Widget Like Box Fanspage Facebook Keren
>

Membuat Widget Like Box Fanspage Facebook Keren

Membuat Like Box Fanspage Facebook Keren
Cara membuat widget munculan fanspage facebook sangat menguntungkan pengguna blog, selain menambah jumlah like pada fanspage anda, light box yang terpasang di blog juga dapat mengundang backlink dari facebook, jadi ketika pengunjung follow atau mengikuti fanspage maka secara jelas pengunjung akan mengetahui postingan anda di beranda jika anda menggunakan metode share saat setelah posting, nah disini saya akan menggunakanya dengan cara yang sangat simpel, ada 2 cara menarik yang bisa anda pilih agar memperbanyak like fanspage anda.

Cara yang pertama adalah menggunakan lightbox dengan iframe menggunakan javascript, sangat simpel dan ringan, valid HTML 5 dan akan muncul sebagian orang yang pernah like fanspage anda.

CARA PERTAMA

<script type="text/javascript">

//<![CDATA[

document.write('<iframe src="http://www.facebook.com/v2.3/plugins/page.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FNM7BtzAR8RM.js%3Fversion%3D41%23cb%3Df37a7397d8%26domain%3Dgilang-access.com%26origin%3Dhttp%253A%252F%252Fgilang-access.com%252Ff1f37dc2f8%26relation%3Dparent.parent&amp;container_width=300&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FGilang Access&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=false&amp;show_posts=false&amp;width=300" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" style="border: none; visibility: visible; width: 300px; height: 130px;" class=""></iframe>');

//]]>

</script>

KETERANGAN :
  • 2 kata gilang-access.com silahkan ganti dengan nama domain kalian masing masing
  • Kata Gilang Access silahkan ganti dengan nama fanspage kalian
  • show_facepile=false untuk menampilkan wajah follower dengan true atau false.
  • height: 130px; adalah tingginya dan anda bisa merubah sesuka hati.
CARA KEDUA
Cara ini adalah cara yang paling gampang dan simpel.

<style type="text/css">
.gilangaccessbox {background:#efefef;padding:10px;margin:0 auto;border-radius:3px;overflow:hidden;}
</style>
<div class="fb-like-box">
<div class="fb-like-box" data-href="https://web.facebook.com/GilangAccess/" data-rel="nofollow" data-width="280" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
    </div>
<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/sdk.js#xfbml=1&version=v2.5&appId=1564402663799974";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

KETERANGAN :

  • https://web.facebook.com/GilangAccess/ silahkan ganti dengan url fanspage kalian masing masing.
  • Untuk 1564402663799974 adalah id fanspage, anda bisa mengeceknya disini 
Selamat mencoba..!!


Share This :

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Dilarang keras menggunakan URL link hidup dalam bentuk apapun !!

Untuk Menghargai Upaya Kami Mengembangkan Website Dengan Memberikan Informasi Bermutu, Disable Adblock Killer Anda Guna Membantu Kami Membiayai Demi Kemajuan Blog Gilang Access..

Please Reaload this blog in your ad blocker.

Thank you!