Cara Membuat Like Facebook Melayang v2 .Oke inilah bahasan kali ini,mungkin dahulu saya pernah membahas tentang cara membuat like facebook,Tapi kali ini beda,ini like facebook yang jika di mouse over akan tampil/keluar like facebooknya.Demonstrasinya seperti di blog saya ini.Untuk membuatnya mudah,silahkan lanjutkan menbaca.check this out.....
- Masuk ke akun blog anda
- Masuk ke Rancangan / Tata letak
- Klik add widget
- Pilih HTML/Javascript
- Masukan kode dibawah ini:
<script type="text/javascript">Jika ada masalah,berikan komentar......
//<!--
$(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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMaqMU5Rk4bXGKd-joA_T7pYAUFdBOezpDruE1M7d0MpKD0nr3PQLsNMlI73UlS7Lp-QSEvWqkyQfUMyw7tyAhJQYW9Q85u-ygOpn7s5vA7UND8ovzIDn9Svyy7vX9gT-jYR8Kco_s0F67/s150/w2b_facebookbadge.pn") 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=URL FAN PAGE ANDA&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span style="color:#fff;">Widget by: <a style="color:#fff; font-weight:bold" href="http://www.blogtrikdantips.blogspot.com">Indra</a></span></div></div>
No comments:
Post a Comment
Silahkan kalian berkomentar,namun tetap jaga kesopanan dengan tidak melakukan komentar spam.Anda Comment di postingan saya,tunggu Comment saya di postingan anda.....Thanks.Doffolow blog.
Kontak langsung di 083843472491.