Cara Membuat Kotak Like Fanspage Facebook Di Blog

Cara Membuat Kotak Like Fanspage Facebook Di Blog - Pada ada Fanspage di Facebook kagak ? Sudah terkenal belum ? Belum terkenal Fanspagenya juga gapapa sih. Mau tau caranya dapat banyak like di facebook ? Maaf yah sobat tapi saya nggak bahas itu tapi yang akan saya bahas adalah cara membuat kotak like fanspage facebook di blog.

Sebenarnya sih menaruh kotak like fanspage facebok di blog itu mungkin hanya sekedar pamer atau mencari banyak liker. Kalo saya sendiri sih tujuannya untuk memperlihatkan semua pos saya kepada para facebook'ers dan ingin mendapatkan banyak liker. Membuat kotak like fanspage facebook di blog sebenarnya sih lebih baik dari pada membuat pop up karena pop up itu bisa menurunkan pengunjung karena setiap membuka halaman baru di blog itu pop up fanspage facebook yang sobat pasang dan itu terjadi berulang kali dan akhirnya pengunjung terganggu.

Kotak like fanspage facebook yang akan sobat nanti pasang di blog sobat nggak usah takut ukurannya nggak pas karena ukurannya bisa di atur sesuai keinginan sobat dan masih ada beberapa yang nanti sobat bisa atur yang nantinya saya akan perlihatkan di bawah. Baiklah saya kira mungkin hanya itu dulu sobat langsung saja kita menuju ke tutorial cara membuat kotak like fanspage facebook di blog.

Cara Membuat Kotak Like Fanspage Facebook Di Blog :

1. Pertama  pergi ke halaman Facebook Developers

2. Setelah masuk maka gambarnya akan seperti gambar di bawah ini.

3. Cara mengeditnya akan saya jelaskan di bawah ini :

• Facebook Page URL : Isikan dengan URL fanspage facebook mu

• Height : Untuk mengatur tinggi widget kotak like fanspage facebook mu sesuai keinginanmu

• Width : Untuk mengatur lebar widget kotak like fanspage facebook mu sesuai keinginanmu

• Color Scheme : Untuk mengatur warna latar belakang widget mu dan hanya tersedia Light dan Dark.

• Show Friends' Faces : Untuk memunculkan muka orang di widget mu yang like fanspage mu

• Show Posts : Untuk memperlihatkan semua pos fanspage mu di widget mu

• Show Header : Untuk memunculkan Header widget mu

• Show Border : Untuk memunculkan Border widget mu

4. Setelah selesai mengedit selanjutnya klik "Get Code" pada bagian bawah.

5. Akan muncul beberapa jenis kode yaitu HTML5, XFBML, IFRAME, Dan URL tapi lebih baik gunakan HTML5 untuk blog.

6. Pilih HTML5 lalu akan muncul kode 1 dan kode 2 seperti gambar di bawah ini.

7. Copy kode 1 dan kode 2 lalu taruh di blog.

8. Cara menaruhnya di blog pertama - tama masuk ke Dashboard Blogger > Tata Letak > Tambahkan Gadget >HTML / JavaScript > Masukkan Kode 1 Dan Kode 2 Berurutan. Contoh bentuk memasukkan kode 1 dan kode 2 dari gambar di atas (Fanspage Facebook Developers) :

<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&appId=307531069408370&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

 9. Setelah selesai menaruh kode selanjutnya klik "Simpan".

10. Selesai.

Gimana sobat ? Mudah kan cara memasangnya ? Jika ada di antara sobat belum mengerti maka sobat bisa menanyakan lewat komentar di bawah atau langsung kontak saya di halaman kontak admin. Jika sobat ingin membaca artikel saya yang lainnya saya sarankan sobat baca artikel saya yang berjudul 6 Tips Memilih Template Blog Yang Cocok Untuk Blog Anda. Oke sobat sampai sini saja dulu, saya tunggu kedatangan sobat di artikel saya selanjutnya.

Terima kasih telah membaca artikel tentang Cara Membuat Kotak Like Fanspage Facebook Di Blog di blog Cozy Info jika anda ingin menyebar-luaskan artikel ini dimohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silahkan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Suka artikel ini? Bagikan :

FacebookGoogle+