Cara Mudah Memasang Fanspage Facebook di Blog


Cara Mudah Memasang Fanspage Facebook di Blog - Box Fanspage facebook adalah sebuah widget pendukung bagi sebuah blog. Dengan adanya widget ini, akan memudahkan pengunjung untuk menyukai halaman facebook kita dan mereka akan terus terhubung dengan blog kita saat kita membagikan postingan terbaru ke halaman facebook. Kenapa harus fanspage facebook? Sebab facebook merupakan media sosial terbesar saat ini, hampir semua perangkat smartphone pasti memasang aplikasi ini, terutama user Indonesia. Peluang ini bgi saya harus dimanfaatkan oleh seorang blogger untuk meningkatkan trafik blognya.
Cara Mudah Memasang Fanspage Facebook di Blog
www.lapakadsense.com / fanspage facebook

Sebenarnya, step by step pemasangan box fanspage facebook ini dapat kita temukan di pengaturan facebook itu sendiri. Namun saya kira cara itu terlalu lama dan kurang praktis. Sebab sebenarnya kita hanya perlu untuk merubah sedikit script saja untuk memasang beberapa box fanspage facebook di beberapa blog yang berbeda tanpa harus mengaturnya dari awal dalam settingan halaman facebook .

Oke, langsung saja. Berikut ini cara mudah memasang box fanspge facebook di blog:

1. Kalian harus punya halaman facebook
2. Masuk ke Dasbor Blogger
    - Pilih Tata Letak
    - Tambahkan widget
    - Letakkan kode script di bawah ini dalam widget HTML/JavaScript
3. Selesai

<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/lapak.adsense/" 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/lapak.adsense/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/lapak.adsense/">Lapak AdSense</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)
Warna Ungu: Ganti dengan nama halaman facebook kalian

Untuk tampilan box fanspage facebook sendiri sebenarnya ada dua macam, yakni box persegi biasa (messenger) dan juga box yang dilengkapi dengan fungsi scroll (timeline). Untuk mengubah tampilannya yang kita inginkan, kita cukup merubah kode yang berwarna hijau di atas dari messenger menjadi timeline atau sebaliknya. Berikut screenshot perbedaan tampilan fanspage facebook di blog:

Cara Mudah Memasang Fanspage Facebook di Blog
Messenger

Cara Mudah Memasang Fanspage Facebook di Blog
Timeline

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

Fokus pada kode yang berwarna hijau

<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/lapak.adsense/" data-tabs="timeline" data-width="300" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/lapak.adsense/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/lapak.adsense/">Lapak AdSense</a></blockquote></div>
</center>

Demikian artikel kali ini tentang cara mudah memasang fanspage facebook di blog. Semoga bermanfaat.
Cara Mudah Memasang Fanspage Facebook di Blog Cara Mudah Memasang Fanspage Facebook di Blog Reviewed by Anton Mahmud on 9/30/2017 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.