Like Box Facebook dengan float
Buat yang udah pada tau mending langsung lihat demonya aja, terus bandingin sama float like box kamu bagus mana. kalo bagus punya saya langsung aja sedot, namun kalo bagus punya kamu. Kamu wajib harus bagi-bagi jurusnya. cekidot untuk cara membuatnya
Taruh diatas </head> kode dibawah ini, dan simpan :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Lanjut ke Add Gadget >> HTML/JavaScript masukin kode dibawah ini dengan tak lupa mengganti tulisan yang udah saya kasih warna-warna (lihat keterangan dibawah kode) abizz itu simpan :
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".iblb").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.iblb{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdhwtJ6MsBM1I5RlDctM20iHl_DkebRyQxU9R1JYNDyNYZmUFYDfn2Yw_YiCdgSzF2QJs-pyH229e6ZMgmzcarQJHXTlLPl0uIPfdyd-9XfOe061o8DyafQb7ZhSOiBjMJphBTSSKtjVre/s101/facebook-jquery.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:50px;}
.iblb div{border:none;position:relative;display:block;}
.iblb span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.iblb span a{color: #808080;text-decoration:none;}
.iblb span a:hover{text-decoration:underline;}
</style><div class="iblb" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Obachti-95/125184830927550&width=245&height=250&colorscheme=dark&show_faces=true&border_color=FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:250px;" allowtransparency="true" ></iframe><span><a href="http://obachti-95.blogspot.com" target="_blank">Get This Widget</a></span></div></div>
Keterangan : ganti kode yang berwarna biru dengan URL Fanspage kamu. Lihat hasilnya! Selanjutnya isi komentar untuk sekedar meramaikan blog kecil saya ini. Terima Kasih dan Happy Blogging
Langganan:
Posting Komentar (Atom)
