Tuesday, April 17, 2012

Cara Membuat Like Facebook Melayang V2 Atau Hover


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">
//<!--
$(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&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><span style="color:#fff;">Widget by: <a style="color:#fff; font-weight:bold" href="http://www.blogtrikdantips.blogspot.com">Indra</a></span></div></div>
  • Ini belum selesai.Ganti yang berwarna merah dengan alamat fanpage facebook anda.Lalu simpan.
  • Tambahkan kode di bawah ini tepat diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Simpan template.Jika tidak muncul,anda tidak usah memberi kode diatas.
 Jika ada masalah,berikan komentar......

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.

|| | Copyright 2012 By : Dlerist | Lautan Solusi | Created By : Mas Yusa ||