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. ^_^

Author : Pantek

Share this

Related Posts