Membuat Kotak Follow Blog/Page dengan jQuery (ala Gue) XD

Tweet

kali ini kita membahas tentang cara Membuat Kotak Follow Blog/Page dengan jQuery

seperti yang kalian ketahui kotak follow sangatlah penting bagi blog kita

agar memudahkankan kita bisa saling join antara sesama blogger

 dengan sedikit kreativitas dan imajinasi iseng" ngegabungin scrips jadi deh ahihiih....

Demo:

Follow Blog

(klik)

langsung aja dah :D

Pertama,pilih Tata Letak / Rancangan,dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar:

Masukan Kode Dibawah Ini......

<div style="-moz-border-radius: 10px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEIMhZPFk_9DgL3mpxs53RNz0Bn5L3j4dvI-vhNW7SprdTYvG-0rKuxr931BXbSK0JJs8vndCn1-wBpzynbMakj5SKGjYNfu3HP_hukmRRigT8WwrFgzxNcwGwHQlFY7i9iMAG5u-fPk6/s1600/biru25.png); border-radius: 10px; padding: 10px;">
<div style="text-align: center;">
<a href="javascript:void(0)" onclick="$('#h-slide').slideToggle('slow')">Follow Blog</a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">(<blink>klik</blink>)</span></div>
<div id="h-slide" style="display: none;">
<div style="-moz-border-radius: 10px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEIMhZPFk_9DgL3mpxs53RNz0Bn5L3j4dvI-vhNW7SprdTYvG-0rKuxr931BXbSK0JJs8vndCn1-wBpzynbMakj5SKGjYNfu3HP_hukmRRigT8WwrFgzxNcwGwHQlFY7i9iMAG5u-fPk6/s1600/biru25.png); border-radius: 10px; padding: 10px;">
<div style="-moz-border-radius: 10px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5NsA5JQVHKPfIYMStrrEjHcEX7rNj4rMHP4Wwz04nE7o3D67vA-vt4HzoAFyMuQHkQwEPXj26sxvqusilw0OWND21MWYCtlTXXTrdmWOCqOyxwFd2I1sdoCdbH7soNkSTRXMDXFlJKC4/s1600/black70.png); border-radius: 10px; padding: 10px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/follow-blog.g?blogID=5773449109390015663" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnanmR7sCF5sMeMEOwA5f3cBXcXLrP4hQBKkzuqd7aqAU5X40ubtw-xqJu1QDHevsOwvjVaXDgJicilOBuEXYsIQZYgYt-cImT2AmdPZYYhx14Y0HWWQvWINHd0nLTZNtetMf3iS2BKqoX/s1600/Join+Blog-Gue.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.facebook.com/pages/%EF%BC%A8%EF%BD%94%EF%BD%94%EF%BD%90-%EF%BC%A7%EF%BD%95%EF%BD%85-%EF%BC%A7%EF%BD%81%EF%BD%8C%EF%BD%81%EF%BD%95%EF%BD%82%EF%BD%8C%EF%BD%8F%EF%BD%87%EF%BD%93%EF%BD%90%EF%BD%8F%EF%BD%94%EF%BD%83%EF%BD%8F%EF%BD%8D/173000706134620" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo6Uoj4PjFGQc-xH60Lvf-BEt5QmUia3Zn0QPXhutuKvYr_26iYVlZebvk5E-Rx4WvlLAC95jggpssWg7vsbuBtj60TI8OMWQkYRPcimeTpQPcm3G0bi9P3IeEEtkTFXO5JQHCwJ8w38a/s1600/Join-Page-Gue.png" /></a></div></div></div></div></div><div style="text-align: center;">
<script src="http://gue-galau.googlecode.com/files/gue-galauMP3player.js" type="text/javascript"></script></div><div style="text-align: center;"><script type="text/javascript">musikDongBang('http://gue-galau.mywapblog.com/files/alone-at-last-muak-untu.mp3');</script></div>

kemudian save


Nb:

merah ganti dengan ID blog kalian

hijau ganti dengan link page kalian

selamat beriimajinasi