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,
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.
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,
5. Selesai, kini Like Box atau Page Plugin Facebook telah terpasang di blog anda.
Cara ini juga akan saya lakukan setelah berhasil membuat template sendiri.
ReplyDeleteYup silahkan mas..
Deletejs.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
ReplyDeleteTerimakasi mas bro..
ReplyDeleteaku coba dan berhasil...