ANCOR: Cara Membuat Kotak Follow Show/Hide

Follow......follow mungkin kata-kata ini sudah tidak asing lagi bagi para sobat blogger. Nah tips kali ini adalah cara membuat kotak followers show/hide. Jika sobat mau membuat kotak follow yang lebih keren, ikuti saja langkah berikut :

1. Login ke blogger sobat
2. Klik Rancangan, kemudian sobat klik Tambah Gadget
3. Jika sudah sobat pilih HTML/Javascript
4. Kemudai copy kode berikuti kemudian paste pada HTML/Javascript tadi

Kode Widget Follow Disini

<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://isro22.blogspot.com/2011/12/cara-membuat-kotak-follow-showhide.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By ISRO XP</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

tekan Ctr + C untuk mengcoppy kode ini

Eitts tapi jangan di save dulu yah kita lanjutkan ke langkah berikut nya

5. Ambil kode widget follow nya di http://www.google.com/friendconnect/

Pilih Blog Sobat yang akan di pasang widget follow
Klik Tambah Gadget Anggota
Nah sobat atur warna, ukuran, dll sesuai selera sobat
Jika sudah di atur sobat klik Buat Kode
Silahkan copy kode nya dan kita lanjut ke langkah selanjut nya

6. Paste kode widget follow yang tadi sobat copy dan gantikan pada tulisan Kode Widget Follow Disini

7. Simpan
ups masih ada 2 langkah lagi nih sob

8. Untuk memunculkan kotak follow nya kita harus membuat tombol untuk membuka nya. Sobat masuk pada Rancangan >> Edit HTML

9. Cari kode <body> menggunakan CTRL + F dan paste kode berikut tepat diatas kode <body>

tekan Ctr + C untuk mengcoppy kode ini

10. Simpan template dan lihat hasil nya

Jumat, 09 Desember 2011

Cara Membuat Kotak Follow Show/Hide

Kode Widget Follow Disini

tekan Ctr + C untuk mengcoppy kode ini

Eitts tapi jangan di save dulu yah kita lanjutkan ke langkah berikut nya

5. Ambil kode widget follow nya di http://www.google.com/friendconnect/

Pilih Blog Sobat yang akan di pasang widget follow
Klik Tambah Gadget Anggota
Nah sobat atur warna, ukuran, dll sesuai selera sobat
Jika sudah di atur sobat klik Buat Kode
Silahkan copy kode nya dan kita lanjut ke langkah selanjut nya

tekan Ctr + C untuk mengcoppy kode ini

10. Simpan template dan lihat hasil nya

ANCOR

Cara Membuat Kotak Follow Show/Hide

Jumat, 09 Desember 2011

Cara Membuat Kotak Follow Show/Hide

Tidak ada komentar:

Posting Komentar

Find On Facebook

Statistik

Link Teman