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 :
gimana ?? menarik bukan...., ya semOga postingku kali ini bermanfaat bagi anda dan blog anda.., hehe.., sekian dari saya..., dan jangan lupa beri komentar.......,
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
Langganan:
Posting Komentar (Atom)
22 komentar:
thanks !!!
postingmu ini sngt bermaNfaAt !
yo'a
bagus banget
thanks ya !!
Thank's Sob Infonya .... mampir y sob k blog ane http://tejahtc.blogspot.com/
yoa sob... OK !!! thnks dah kesini !! :D
Thanks... sepp
oke sob ^_^
thanks sangat membantu
hohoho.. sobat terbantu ane ikutan seneng :D
Terima kasih gan...
sangat Membantu.
mancapssss.....
sama.sama.. senang juga dapat membantu sobat ^_^
Tempat nulisnya dimana KK..? di Edit HTML apa di Java sret..?
dipositngan lah sobbb =="
thanks ya gan postingnya sangat membantu
@abian: Di posting sob...
iya sobbb makasihh jugaa ^^
tq yea..
sangt bermanfaat..
iya iya.. makasih kembali :D
Bikin gmna sob
silahkan copypaste di postingan agar tau ^^
makasih SOB mantap like this
makasih ya.. like this too :D
Posting Komentar