CARA MEMBUAT SPOILER HIDE - CATATAN HAYDAR ALI

Teknologi

More on this category »
Home » , » CARA MEMBUAT SPOILER HIDE

CARA MEMBUAT SPOILER HIDE


1. Buat postingan, lalu klik edit HTML
2. Kemudian Coba masukan kode html di bawah ini.

<b>Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

CATATAN HAYDAR ALI - CATATAN HAYDAR ALI - CATATAN HAYDAR ALI - CATATAN HAYDAR ALI

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

3. Setelah copy paste kode HTML diatas kemudian segera terbitkan. Dan lihat hasilnya. Jika benar maka akan terlihat Postingan Spoiler seperti dibawah ini.
Spoiler:

CATATAN HAYDAR ALI - CATATAN HAYDAR ALI - CATATAN HAYDAR ALI - CATATAN HAYDAR ALI

4. Jangan lupa ganti teks berwarna merah dengan postingan kamu gan.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. CATATAN HAYDAR ALI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger