Script Widget Fanspage FB di Blogspot

widget fanspage facebook merupakan sebuah hal yang seharusnya ada di dalam blog/website. kenapa demikian? karena menurut saya dengan adanya widget ini akan meningkatkan like fanspage. Dan juga akan mempermudah interaksi antara pembaca blog dengan pemilik blog itu sendiri.

Kemudian, bagaimana membuat widget fanspage facebook di blog? nah, itulah yang akan saya paparkan pada artikel ini. Cara membuat widget ini sudah banyak tersebar di blog-blog lain. saya hanya ingin mengulang kembali caranya sesuai dengan versi saya sendiri.

Baca Juga : Cara Membuat Recent Post Slider pada Blog

Baiklah dibawah ini adalah tutorial cara memasang widget fanspage facebook secara mudah dan praktis. dan bisa dilakukan dalam beberapa menit saja tanpa ribet.

1. Masuk akun blogger Anda

2. Pilih Tata Letak

3. Tambah Gadget Blog

4. Pilih yang HTML/JavaScript

Kemudian copy dan pastekan kode berikut ini:

<style type="text/css">

.widgetfbox {background:#efefef;padding:10px;margin:0 auto;border-radius:3px;overflow:hidden;}

</style>

<div class="widgetfbox">

<div class="fb-like-box" data-href="https://www.facebook.com/ID FANSPAGE FB" 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=1439296419615573";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Ket : Ganti tulisan berwarna merah "ID FANSPAGE FB" diatas dengan Id Fanspage FB Anda

Selesai.

Itu saja tutorial kali ini yang bisa saya bagikan bagi Anda, mungkin jika ada yang error bisa tinggalkan komentarnya. supaya kita dapat memperbaikinya sama-sama.

Share this post