Membuat Spoiler pada Blog

     yA kali ini saya akan memposting tentang cara "Membuat Spoiler pada Blog" kalian tau tidak spoiler itu seperti apa.., kalau belum tau lihat posting ini pada akhirannya.., spoiler ini sejenis dengan hidden chatbox yang selalu sembunyi-sembunyian,. maksud saya fungsinya.., fungsinya adalah menghemat ruangan blog., hehehe..,
     Spoiler ini sudah terkenal sekali bagi yang selalu mengunjungi kaskus pasti disana kalian menemukan spoiler.., ya kan ??? kalian tau tidak cara membuatnya.., ya sudah dehh.., kali ini saya akan memposting  tentang itu...,

Langsung aja, untuk membuat spoiler dibutuhkan kode berikut :

<div style="margin-bottom: 2px;">Judul Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; 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;">ISI SPOILER</div></div></div>

     jadi..., tinggal copy paste aja kan ??? ganti Judul Spoiler dengan judul Spoiler kalian.., dan ISI SPOILER  tentunya dengan isi spoiler kalian.., dan hasilnya jika kode diatas di copy paste hasilnya seperti ini :

Judul Spoiler
ISI SPOILER

gimana ?? menarik bukan...., ya semOga postingku kali ini bermanfaat bagi anda dan blog anda.., hehe.., sekian dari saya..., dan jangan lupa beri komentar.......,

Artikel Terkait

22 komentar:

Abi mengatakan...

thanks !!!
postingmu ini sngt bermaNfaAt !

Deo Pein Nagato mengatakan...

yo'a

dendaime mengatakan...

bagus banget

Deo Pein Nagato mengatakan...

thanks ya !!

Sharing Ilmu Pengetahuan mengatakan...

Thank's Sob Infonya .... mampir y sob k blog ane http://tejahtc.blogspot.com/

Deo Pein Nagato mengatakan...

yoa sob... OK !!! thnks dah kesini !! :D

d'pah mengatakan...

Thanks... sepp

Deo Pradipta mengatakan...

oke sob ^_^

Melania Widyasari mengatakan...

thanks sangat membantu

Deo Pradipta mengatakan...

hohoho.. sobat terbantu ane ikutan seneng :D

Ayo Qita Pasti Bisa mengatakan...

Terima kasih gan...
sangat Membantu.
mancapssss.....

Deo Pradipta mengatakan...

sama.sama.. senang juga dapat membantu sobat ^_^

abian mengatakan...

Tempat nulisnya dimana KK..? di Edit HTML apa di Java sret..?

Deo Pradipta mengatakan...

dipositngan lah sobbb =="

Kaycool mengatakan...

thanks ya gan postingnya sangat membantu
@abian: Di posting sob...

Deo Pradipta mengatakan...

iya sobbb makasihh jugaa ^^

agilcr mengatakan...

tq yea..

sangt bermanfaat..

Deo Pradipta mengatakan...

iya iya.. makasih kembali :D

VETERAN.IX.E mengatakan...

Bikin gmna sob

Deo Pradipta mengatakan...

silahkan copypaste di postingan agar tau ^^

tantoIT mengatakan...

makasih SOB mantap like this

Deo Pradipta mengatakan...

makasih ya.. like this too :D

Poskan Komentar

Askorus Distro Askorus Distro
Copyright 2010 - 2012 ^ Akatsuki Blog™ - Compatible with Chrome 1024 x 768 -