Cara Mudah Memasang Fanspage Facebook di Blog

Letakkan di widget HTML/JavaScript

<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.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/Gila-Script-1810721889165531/" data-tabs="messenger" data-width="300" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Gila-Script-1810721889165531/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Gila-Script-1810721889165531/">Gila Script</a></blockquote></div>

Keterangan:
Warna Merah: Ganti dengan ID Fans Page Facebook kalian
Warna Biru: Untuk mengatur lebar halaman (ganti sesuai kebutuhan)
Warna Hijau: Untuk mengatur tinggi halaman (ganti sesuai kebutuhan)
Warna Oranye: Untuk merubah tampilan halaman facebook (Messenger atau Timeline)

Timeline

Messenger

Apabila posisi kotak halaman facebook tidak berada di tengah dan dirasa kurang rapi, maka bisa ditambahkan script <center>.....</center>

Lihat text yang berwarna ungu

<center>
<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.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/Gila-Script-1810721889165531/" data-tabs="timeline" data-width="300" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Gila-Script-1810721889165531/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Gila-Script-1810721889165531/">Gila Script</a></blockquote></div>
</center>

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: