BUKU-TAMU

Minggu, 05 Agustus 2012

Membuat Widget Box Facebook Like Right Fixed

Baiklah sob, dalam kesempatan kali ini saya akan berbagi widget blogger kembali, yaitu widget like box fans facebook. Caranya sangat mudah, pertama anda simpan script dibawah ini di atas kode </head> kemudian simpan.




<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

Kemudian tambahkan kode ini di add gadget javascript template blogger anda
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZPM_Iy6Q8qtXJcqgFnU2Jl1r6b7WEWN5rZQ7znzdWyvQmPNYe0MBUVmyzFw_iH_HRjCZNpfa1YJdmCm3Xba9ZMbsZOQOzChgtbibElAsgPeFexcaL9uNJyk_AU_rwOPXrcSzTp6-Sxy-M/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: gray;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style> <div class="w2bslikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FTabloid-Blogger%2F145900802140969&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe> </div> </div>

Lihat kode yang berwarna merah, ganti dengan kode fans facebook anda. Jika belum tau cara pengambilan kode fans facebooknya. Silahkan klik kanan pada nama  fans facebook anda atau lihat di link profile fans facebook
.

Download Artikel Klik Gambar

Baca Artikel Terkait Lainya :