- Home>
- jQuery , Tutorial Blog >
- Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close
Posted by : Unknown
Jumat, 07 Desember 2012
Kali ini saya akan membahas Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close,
dengan bantuan jQuery akan memberi efek slide. Berawal dari permintaan
teman bagaimana cara membuat kotak melayang yang ada di Blog Anak Madura yang bertulisan Please Follow Us, mungkin bagi para pengunjung setia Blog Anak Madura, saya akan beritahu bagaimana cara membuatnya.
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/pulaumaduara)
<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/AVvXsEhkUSgeUH2sQd3PvZBD5fmpFJLd2CM_pykMJPzxAnH1if4ZQ2DhQAtgzELINxPMH0nzpTDhNUvBIfKLSNfoiq5ciXPJ3-l2P8yIfMnDhjbqTKk5-zUjiPc9Wsl9MDLEaK2XMdkuuI3HW9s/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%2Fpulaumaduara&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.
Related Posts :
jQuery,
Tutorial Blog
- Chatbox Slide Vertikal Dengan jQuery di Blog
- Blogger Senior Malu Membuat posting Tutorial Dasar nGeBlog
- embuat Menu Horisontal Dropdown Dengan jQuery
- Sword Art Online Season 2 Telah Dikonfirmasi
- Say No To Master Or Newbie
- Print Post Your Blog
- Membuat Recent Comments Dengan Avatar
- Cara Membuat Kotak Like Facebook Melayang Dengan Tombol Close
- Cara Menambah Emotion Dikotak Komentar Blog Terbaru

Lumayan nambah ilmu hehe
BalasHapus