Cara membuat hide show di blog

Back lagi gan sama saya, hehe. kali ini saya mau ngasih tau cara membuat SPOILER pada post kalian, biasanya kotak spoler ini digunakan pada post kalian apabila gk cukup. gk wajib sih, tapi berguna jika kalian ingin menyisipkan text/kode/link. penggunaanya juga mudah sob. yuk diikutin dibawah








Cara Penggunaan:

1. Buka blogger kalian.
2. anggap lah kalian sudah atau sedang buat post.
3. lalu sisipkan kode berikut pada tab "HTML" yg ada di pojok kiri itu gan, kenapa gk di tab
    compose? gk bakal work. hihi~

<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;">





YOUR TEXT....





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

4. ganti tulisan "YOUR TEXT..." dengan tulisan yg kalian inginkan.

5. Publish jika udah siap.

Hasilnya kyk gini sob

JUDUL SPOILER

YOUR TEXT....

Gimana? udah mantap kan? hehe, cuma segitu aja gan tutorial "cara membuat hide show di blog". jangan lupa kunjungi terus kesini, dan liat update-an terbaru saya. Salam Blogger. ^_^

First Post

Halo, sobat. ini post pertamaku, sebelumnya saya mengucapkan banyak terima kasih karena telah mengunjungi blog kecil saya yg dibuat di Blogger. Tujuan saya membuat blog ini cuma sekedar hiburan atau iseng-iseng semata.

Mungkin itu saja, karena saya masih pemula jadi gk banyak kata. hehe... yah pokoknya terima kasih udah datang ke blog saya. ^_^