Untuk bisa membuat like box facebook ini, terlebih dahulu sobat kiat-cara.com harus mempunyai halaman facebook, karena link halaman inilah yang akan kita manfaatkan, belum punya halaman facebook ? buat dulu disini Facebook Fans Page
Jika sudah silahkan Add widget HTML/Javascript dan pastekan kode berikut :
<style type="text/css">
#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #f2f2f2;
width: 350px;
visibility: hidden;
z-index: 100;
}
</style>
<script src='http://kiatcara.googlecode.com/files/Iklan%20Melayang.js' type='text/javascript'/> </script>
<div class="clear"></div>
<div id="topbar">
<div style="text-align:right">
<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>[Close]</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">
</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>Terima Kasih Sudah Berkunjung<br/>Jangan Lupa "Like" Nya Ya...</center></h2></a>
</p>
<left><table style="width: 300px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsibarasok&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<p></p><p></p></td></tr></tbody></table><span><a href="http://www.kiat-cara.com/2012/10/cara-membuat-like-box-facebook.html/" target="_blank">+Get This!</a></span></left></div>
Ganti tulisan sibarasok dengan alamat link halaman facebook sobat biasa nya tertulis seperti http://www.facebook.com/sibarasok
Disamping untuk menampilkan Like Box Facebook, script diatas juga bisa kita manfaatkan untuk menampilkan iklan melayang Lihat Contoh
Cara nya dengan mengganti script berwarna merah dengan script iklan kita,
Atau bisa juga dengan cara kedua yaitu :
1. Login dan lakukan edit template atau edit HTML sisipkan kode dibawah ini tepat diatas kode </head> Gunakan Ctrl+F untuk memudahkan.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>2. Tambah Widget HTML/Javascript dan pastekan script dibawah ini
<script src='http://kiatcara.googlecode.com/files/iklanku.js' type='text/javascript'/></script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZtjxLgrUVLkehWZgJfmkkDMuFu4O-_AflJ7KRf1NdcIV9lt-gbnDHa4LUSbqA-qCToWN-048w0Ll6RLMxi0i8jADF_QAjUbdCWOhNQmsOUJ7EcKCbtPvwW1ZRGBpiM9WBNSHoS5wmR3A/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsibarasok&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><span><a href="http://www.kiat-cara.com/2012/10/cara-membuat-like-box-facebook.html" target="_blank">+Get This!</a></span></div></div>
Atau kode berikut :
<script src='http://latesthack.googlecode.com/svn/trunk/html/latesthack.js'></script>
<div id="latesthackpopupslider" style="position:absolute;
width:300px;
height:300px;
background:#ffffff;
top:50px;
border:5px solid #ccc;
z-index:999;
display:none;
padding:10px;
left:-300px;"><a href="#" id="latesthackclose" style="color:#ddd!important;" onclick="return false;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5zSNmNVSXOhTUX27Vn10ZrhHkH2FT7Vm1ioRkx0mo_9OWQHmfILDpn2S5Ri4pyI2ar7Jd1K3wRaNRfrmfSkziCO7kARupICHXus-WGRWeXMm42FQ-O6tMoSWM_Jgw6nsbQOliysNC5FQ/s1600/CROSSBYLATESTHACK.png" align="right" /><span style=color:#333;font-weight:bold;font-size:13px;">Follow kami di Facebook dengan menekan tombol like yang ada di bawah ini</span> </a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsibarasok&width=300&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
<span><a href="http://www.kiat-cara.com/2012/10/cara-membuat-like-box-facebook.html" target="_blank">+Get This!</a></span></div>
Ganti Tulisan sibarasok dengan halaman sobat kiat-cara.com
Semoga bermanfaatkan...
Kiat dan Cara
Posting Komentar