Flickr Widget

Rabu, 24 Oktober 2012

CARA MEMBUAT SHOW HIDE DIBLOG

Demo nya kayak gini lhoo...


Klik disini
Kayak gini nih..!! Ngerti kan...


Bisa dibilang ini widget.. Udahlah gak penting...!! Gak usah omong kosong lagi, langsung ke tutorial nya.... CapCus...

DIPOSTINGAN

1. Login ke blog kamu

2. Langsung buat postingan

3. Nah, kalo mau ikutin tutorial begini, ubah menu COMPOSE menjadi HTML..

4. Kalo mau nampilin widget show/hide, copy kode dibawah ini








 <div><div style="margin-bottom: 2px;"><i><b><small>Klik disini</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button" /></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Ganti dengan kode HTML widget sobat, tulisan, ataupun sekedar foto

</div></div></div>





Ket : ganti kode yang berwarna merah dengan kata-kata sobat sendiri dan bisa juga menyisipkan gambar...

5. Ubah menjadi COMPOSE lagi jika kamu mau menulis postingannya lagi... Kalo udah, PUBLIKASIKAN .....


DI SIDEBAR BLOG

1. Login ke blog kamu

2. Klik TATA LETAK

3. Klik TAMBAH GADGET

4. Cari dan klik HTML/JAVASCRIPT

5. Pada kolom konten, Paste kode yang tadi aku kasih diatas ^_^

6. Save, lihat blog kamu

Tidak ada komentar:

Posting Komentar

Silahkan beri tanggapan tentang postingan di atas, sertakan bahasa yang sopan..!!!