Cara membuat icon Like Facebook di blog

Posted by Indoetnix - Artech Salatiga on Tuesday, December 4, 2012

Indoetnix-Cara membuat icon Like Facebook di blog
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>
Script atas,
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.
5. Klik Save
walahhhh... Coba ....  Like Box Sobat terpampang manis...

Sekian dan Terimakasih...
Semoga membantu...


Ping your blog, website, or RSS feed for Free
Posted by: Agus Rahmanto
Indoetnix - Artech Salatiga, Updated at: 1:28 PM

{ 2 comments... read them below or add one }

JJIOLS BLAMBANGAN said...

tks infonya gan sngt bermanfaat

kesehatankita said...

kalau gagal terus gimana mong ?

Post a Comment

LikeR

Sponsored By

Advertizer