Rabu, 06 April 2011

Membuat Show hide pada Postingan blog

Sallam Blogger......
Apa kabar kawand semua (smoga baik" za ya, supanya sering liat blog ane..... hehehehe)

oia kawand ane dapat ilmu baru nih...
ane baru dapat dari forum ane Membuat show hide pada postingan blog..
langsung aja ya, kita masuk ke langkah-langkahnya:

1. Login ke blogger Kawand,
2. Pilih Entri Baru dan tulis apa yang kawand postingkan,
3. kalo sudah selesai menulis dan ingin memasukkan bagian yang mau kawand show hide tinggal di masukkan za code di bawah ini :

<div style="margin-bottom: 1px;">
<i><b><small></small></b></i><input 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilakn'; }" style="font-size: 14px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Tampilkan" /></div>
<div style="border: 1px inset; margin: 0px; padding: 3px;">
<div style="display: none;">isi spoiler</div>
</div>

4. Kemudian entri deh postingan kawand".....

Note: >Tulisan yang berwarna biru itu kawand ganti dengan apa yang kawand inginkan untuk di show hide.

Ok Good luck..
SElamat mencoba.....

3 komentar:

Unknown mengatakan...

nice Info...
udh ane follow...
follback y...

visit: http://arishare.blogspot.com/2011/06/tuker-link.html

zie Chroniclles mengatakan...

yupz ....
mohon kerja samanya.............

Dony Ahmd mengatakan...

Nice Info Kawan,,,Bermanfaat

Ane Follow Ya,,

Jangan Lupa Follow Back ya..

My BLog : www.110celcius.co.cc

Posting Komentar

Template by:

Free Blog Templates