Cara Membuat Kotak Like FB Melayang disebelah Kiri


 kali ini GOI ( Generations OF Indonesia ) me share bagaimana cara membuat kotak like yang keren, untuk contohnya lihat di blog kami... untuk mengetahui caranya mari  kita baca di bawah ini...

cara membuat kotak like facebook melayang di sebelah kiri :
1. Masuk ke tab rancangan-edit html dan centang expand elemen widget.
2. Cari kode </head>, dan letakan kode di bawah ini di atas kode </head> tersebut.

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

3. Save template dan klik tab elemen laman.
4. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah ini


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;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= http://www.facebook.com/URL FANS PAGE ANDA/ &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://generations-of-indonesia.blogspot.com/2012/11/cara-membuat-kotak-like-fb-melayang.html">Widget by GOI</a></span></div></div>

5. Kemudian Simpan.
Previous
Next Post »

6 komentar

Click here for komentar
Little_Tmg
admin
13 Maret 2014 pukul 12.20 ×

kok di sebelah kana halaman blog

Reply
avatar
Unknown
admin
15 Maret 2014 pukul 11.47 ×

http://angginaruto.blogspot.com/

Reply
avatar
Unknown
admin
13 April 2014 pukul 13.47 ×

thax infonya gan kunjungan dari http://animenovasubindo.blogspot.com/

Reply
avatar
23 April 2014 pukul 14.29 ×

wah bgitu yah,. aku coba nih.
makasih tips nya,..

Reply
avatar
papuqbaloq
admin
5 Januari 2015 pukul 14.52 ×

tapi kenapa tidak ada isinya .blank putih semua

Reply
avatar
agugus.com
admin
28 April 2016 pukul 12.22 ×

Contoh tampilannya seperti apa gan

Reply
avatar
Thanks for your comment