Friday, June 5, 2015

Cara Pasang Facebook Like Box di Blog Terbaru dan Termudah

Ahmad Jalaluddin Rabbany     10:37 PM    

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:

1. Pertama, buka https://developers.facebook.com/docs/plugins/page-plugin,

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.

Jadilah seperti ini


silahkan bertanya bagi yang belum bisa...

0 komentar :

Translate

Instagram

Instagram
© 2011-2014 AJR. Designed by Bloggertheme9. Powered by Blogger.