Membuat Widget Like Box Fanspage Facebook Keren

Membuat Widget 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:

    You Might Also Like:

    Add your comment
    Hide comment

    Disqus Comments

    Hot on this week: