Sunday, 14 December 2014

Cara Memasang Widget Like Facebook HTML5

Cara Memasang Widget Like Facebook HTML5



Dengan memiliki Widget Like pada Blog, kita bisa mempromosikan Blog kita melalui Facebook. Saya juga memasang widget Like box pada Blog saya agar saya dapat memantau berapa pengunjung yang " Like" Blog saya. Dengan menggunakan HTML5 maka loading di Blog kita akan semakin cepat
Sebelum saya memberitahu Cara Memasang Widget Like Facebook HTML5, anda harus mempunyai Halaman Blog di Facebook anda.
Jika belum punya baca artikel "cara membuat halaman blog di facebook"


Cara Memasang Widget Like Facebook HTML5
1. Log in ke akun Facebook anda http://www.facebook.com
2. Copy/paste code berikut Pada Blog anda :

<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","Alamat Halaman Blog Facebook anda");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","250");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>

- Warna Hijau ganti dengan alamat halaman Blog anda di Facebook anda
Klik Kanan pada nama halaman anda > klik Copy link Address  > Paste ( ganti ) pada Code yang berwarna hijau
, seperti
- Warna biru merupakan Lebar gadget, sesuaikan dengan keinginan anda
Copy Code > Buka akun Blog anda > Tata letak > Tambahkan gadget/ add gadget  > HTML/Javascript  > Paste Code
//Demikian sedikit informasi yang saya berikan, semoga bermanfaat untuk anda. Terima kasih sudah membaca artikel saya//
 
sumber : http://katiwawalan.blogspot.com/2013/03/cara-memasang-widget-like-facebook-html5.html
sealkazzsoftware.blogspot.com resepkuekeringku.com

0 komentar:

Post a Comment