Membuat tombol Sembunyi (Spoiler)

Tobol sembunyi???


Apaan tuh?? Namanya apaan coba???!
Hmmm... Pokoknya yang kayak gini nih:

Kayak Gini:

Iya, yang kayak gini pokoknya! hahahaaaa...

Hah? Apa gunanya yang kayak gitu??
Tentu saja buat ngerapiin tampilan blog.
Anda juga bisa bermain-main dengan meletakkan yang kayak gitu di dalam yang kayak gitu...
Cara bikinnya juga gak susah kok, ini step-by-step nya:

1. Log in ke Blogger
2. Klik "Posting" di Dasbor
3. Masuk "Entri Baru"
4. Buat postingan seperti biasa, nah di bagian yang ingin anda sembunyikan silahkan format seperti ini:

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</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;">

ISI NYA

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

Anda bisa merubah JUDUL SPOILER dengan apapun yang anda inginkan, apa yang ingin anda sembunyikan diletakkan di ISI NYA yaaaa..

5. Terbitkan Entri dan Lihat hasilnya!

SPOILER

Yang  kayak gitu tuh namanya spoiler...


0 komentar:

Posting Komentar