Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close
Friday, July 13, 2012
Edit
Kali ini saya akan share Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close, dengan bantuan jQuery yang akan memberi efek slide. Tips ini saya peroleh dari blogger Blazer Blog. Penampakanya seperti dibawah ini :
Demo |
Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close :
1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Cari kode </head> > letakan kode di bawah ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>3. Simpan dan kembali ke menu awal Rancangan > Add Gadget > HTML/JavaScript > Copy kode di bawah ini.
<script src='http://latesthack.googlecode.com/svn/trunk/html/latesthack.js'></script>Ganti kode yang berwarna merah dengan username facebook anda (contoh : facebook.com/BLAZERBLOG)
<div id="latesthackpopupslider" style="position:absolute;
width:300px;
height:300px;
background:#ffffff;
top:50px;
border:5px solid #ccc;
z-index:999;
display:none;
padding:10px;
left:-300px;"><a href="#" id="latesthackclose" style="color:#ddd!important;" onclick="return false;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8pcr8LOogoNKbMdsnaBue7rMJ3gFkKa8V3QzDjtxE-j65zRFquGgbDGElBTuKIvAkBhHx5636X3Of1E0P-l7puhhJpjzyFPWEAuDoV8mJmafYZbU7_xMbUbRVfA9mpYv2lUqy8R-mInY/s1600/CROSSBYLATESTHACK.png" align="right" /><span style=color:#333;font-weight:bold;font-size:13px;">Follow kami di Facebook dengan menekan tombol like yang ada di bawah ini</span> </a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBLAZERBLOG&width=300&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div>
Dan ganti kode yang berwarna biru dengan kata-kata lainnya.
Sebenarnya saya agak bedakan dengan punya saya, jika anda bisa utak atik, pasti bisa.
Source