Home » , » Cara Pasang Facebook Like Box di Blog Terbaru

Cara Pasang Facebook Like Box di Blog Terbaru

Cara Pasang Facebook Like Box di Blog Terbaru

Belum lama ini, Facebook telah meresmikan desain like box terbarunya. Dan ya, mungkin sebutannya juga sudah beda. Jika di website resmi facebook, sebutannya bukan lagi Like Box, melainkan Page Plugin.

Karena ini merupakan tampilan baru, facebook juga menyediakan script baru, yang mana tidak ada script IFRAME yang dulu pernah kita jumpai. Hal tersebut cukup membuat saya bingung dalam memasang Page Plugin ini. Namun setelah searching-searching di mbah kita tercinta, yaitu mbah google, saya mendapatkan pencerahan kemudian mempraktekannya. Karena berhasil, maka saya akan membagikannya juga pada kalian, bagaimana Cara Pasang Facebook Like Box di Blog Terbaru (Blogspot).

Yup, langsung saja disimak:


Cara Pasang Facebook Like Box di Blog Terbaru

2. [1] Isi Facebook Page URL dengan URL atau alamat fanspage kamu, contoh: http://facebook.com/jagonyareview, [2] Isi kelebaran Like Box tersebut, minimal 280 dan maksimal 500, [3] Isi ketinggian Like Box, minimal 130 dan maksimal bebas, [4] Klik Get Code, dan settingan lain bisa disesuaikan.

Cara Pasang Facebook Like Box di Blog Terbaru
3. Setelah itu akan muncul Plugin Code anda, untuk memasangkannya di blog (blogspot) cukup mudah, yaitu copy code yang pertama dan gabungkan dengan code yang kedua, sehingga jadilah seperti ini :

<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.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/jagonyareview" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/jagonyareview"><a href="https://www.facebook.com/jagonyareview">Jagonya Review</a></blockquote></div></div>

4. Buka Blog anda, klik ke bagian Tata Letak -> Tambahkan Gadget -> HTML/Javascript -> Paste-kan script tadi ke kolom HTML/Javascript yang tersedia, klik Simpan,

Cara Pasang Facebook Like Box di Blog Terbaru

5. Selesai, kini Like Box atau Page Plugin Facebook telah terpasang di blog anda.

4 comments:

  1. Cara ini juga akan saya lakukan setelah berhasil membuat template sendiri.

    ReplyDelete
  2. js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.3"; mas ini ada kesalahn kenapa ya nih blog saya ahmadjalaluddinrabbany.blogspot.com

    ReplyDelete
  3. Terimakasi mas bro..
    aku coba dan berhasil...

    ReplyDelete