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 »

7 komentar

Click here for komentar
25 Desember 2013 08.41 ×

mantap brow artikelnya
backlink ya gan
http://thazbhy.blogspot.com/
http://technogamecyber.blogspot.com/

Reply
avatar
13 Maret 2014 12.20 ×

kok di sebelah kana halaman blog

Reply
avatar
15 Maret 2014 11.47 ×

http://angginaruto.blogspot.com/

Reply
avatar
13 April 2014 13.47 ×

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

Reply
avatar
23 April 2014 14.29 ×

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

Reply
avatar
papuqbaloq
admin
5 Januari 2015 14.52 ×

tapi kenapa tidak ada isinya .blank putih semua

Reply
avatar
agugus.com
admin
28 April 2016 12.22 ×

Contoh tampilannya seperti apa gan

Reply
avatar
Thanks for your comment