GaLaXy--AwAn @gunawanforever1

Sabtu, 25 Mei 2013

Cara Pasang Like Facebook diBlog

Belum lengkap rasanya sebuah blog tidak memiliki widget facebook like button, ini juga salah satu cara mengenalkan blog anda atau berbagi banyak hal pada halaman facebook dengan teman-teman anda.
Banyak cara dapat dilakukan untuk membuat widget like button facebook di blog, salah satunya seperti dalam tutorial kali ini.
Widget ini cukup sederhana, artinya anda tidak perlu copy javascript SDK atau kode XFBML dari facebook untuk anda letakkan pada Edit HTML template blog anda.



 Jika tertarik silahkan ikuti langkah-langkah berikut :

1. Login ke Bloger, pada Dashboard pilih Tata Letak.
2. Klik Add gadget dan tambah HTML/Javascript
3. Copy lalu paste kode di bawah berikut ke dalam gadget yang anda tambahkan tersebut


                                                                                                                                                                   

 <div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","https://www.facebook.com/pages/Odyck-Dnero/276410729061095");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>


                                                                                                                                                                   


 . Silahkan ganti url di atas (warna biru) dengan url facebook pages anda./ link halaman fecebook.
5. Untuk mengatur lebar widget, silahkan ganti nilai width (warna merah pada kode).
6. Simpan gadget, dan lihat hasilnya.

Moga Bermanfaat...

0 komentar:

Posting Komentar