Halooo sahabat netter semua,pada postingan kali ini saya akan membahas tentang Cara Mudah Membuat Widget Fan Page Facebook Tersembunyi di Samping Blog. Mungkin ada yang beranggapann sudah bagi postingan ini..?betul kan..? Tapi disini saya membagikan informasi ini kepada yang belum mengetahui cara memasang widget fan page facebook tersembunyi disamping blog dan juga sebagai pelengkap informasi di situs web Berbagi Tips dan Cara Mudah ini.
Untuk langkah-langkahnya mudah saja koq,berikut adalah langkah-langkahnya :
- Silahkan login akun Blog Anda
- Pilih menu Rancangan dan Pilih Elemen Laman
- Setelah itu pilih Tambah Gadget
- Kemudian Tambahkan HTML/JavaScript
- Dan Copy dan kode di bawah ini :
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook1.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: #;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://www.facebook.com/dseyelashes&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#;" allowtransparency="true"></iframe><span><a href="http://www.tips-caramudah.com/2014/03/cara-mudah-membuat-widget-fan-page.html" target="_blank">+ Get This</a></span></div></div>
Keterangan :
Ganti kode yang berwarna Kuning dengan url fans page anda.
- Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
- Save template anda.
its so simpel kan..??karena terdapat banyak tipe widget fan page facebook di blog, jadi tunggu update selanjutnya ya untuk mendapatkan informasi terbarunya..
Keep Bloging :D
