Ketika Indon browsing di laman para sahabat, Indon liat wah ada tombol ke Like yang menghubungkan ke Facebook... hem... keren juga ...
Saya coba googling saya liat ada yang harus tambah ini dan itu membuat bingung dan takut jika sampai blog rusak karena scriptnya ngawur dan ngaco...
Nah sobat sekarang saya akan share bagaimana cara membuat like FB yang aman di halaman blog kita.
OK langsung saja...
1. Yang kalian perlukan adalah akun Facebook dulu dah punya tho...
Kalau belum klik disini, ikuti saja gak susah dan gratis...
2. Setelah itu, Masuk ke halaman Facebook Developer Plugin
3. Ada beberapa pilihan namun dalam hal ini akan saya pandu untuk Like Box
 | ==> |  |
| Pilih like Box | ==> | Ambil Alamat Facebook sobat |
 | ==> |  |
| Masukkan Alamat URL sobat tadi, atur sesuai selera, terakhir Get Code | ==> | Ada panduan Untuk pemasangan script FB sobat, setelah tercopy semua, tekan OKE |
contoh:
| <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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> |
1. masuk ke Blog sobat
2. masuk ke Template > pilih Edit HTML > Proced / lanjutkan > centang Expand Widget Template > cari script <body> setelah ketemu > copy kan script yang sobat dapatkan tadi setelah <body>
hasilnya :
| <body> <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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> |
3. Setelah itu simpan dan tutup
4. Langkah selanjutnya adalah kalau tadi kita masuk Tempalte, sekarang masuk Layout > pilih Add a Gadget > Pilih HTML/JavaScript > Kemudian CoPas Script ke Dua yang diberikan Facebook.
hasilnya :
| <div class="fb-like-box"
data-href="https://www.facebook.com/agussala3" data-width="550"
data-height="400" data-show-faces="true" data-stream="false"
data-border-color="#ffff" data-header="true"></div> Perlu diketahui disitu ada angka 550 dan 400 sobat bisa coba-coba untuk merubah lebar dan panjang nya sesuai selera. |
walahhhh... Coba .... Like Box Sobat terpampang manis...
Sekian dan Terimakasih...
Semoga membantu...
Posted by: Agus Rahmanto
Indoetnix - Artech Salatiga, Updated at: 1:28 PM
{ 2 comments... read them below or add one }
tks infonya gan sngt bermanfaat
kalau gagal terus gimana mong ?
Post a Comment