<div style=”margin: 5px 20px 20px;”><div class=”smallfont” style=”margin-bottom: 2px;”><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <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><br /><div class=”alt2″ style=”margin: 0px; padding: 6px; border: 1px inset;”><div style=”display:none;”>[ISI SPOILER]</div></div></div>

Kaya Gini nih contohnya :

Waduh postingan seperti ini aku tidak biasa nulisnya, karena ada yang lebih berkompeten, ini hanya sebagai sharing saja. Namun berhubung kemarin aku ngoprek – ngoprek untuk membuat mini tabbed menu yang terinspirasi oleh miliknya yahoo, namun berhubung tidak bisa seperti itu maka tab menu seperti inilah yang saya dapat, bagi yang suka ngutak – ngutik blog silahkan bisa dicoba! Ini contoh skrinsyutnya! Dan karena saya juga kurang mengerti masalah css dan sebangsanya, ini saya berikan codenya, selanjutnya anda bisa explore sendiri sesuai dengan selera anda! Cara pasangnya gampang : tambahkan gadget html dan kopi paste kode didalamnya. Oya jangan lupa sama pembikin yang aslinya, situsnya disini, anda juga dapat mendownload code aslinya disana! Silahkan Buka codenya untuk mulai mencoba!

Klik disini untuk Membuka codenya