Coppas Pedia

Cara Membuat Menu Spoiler Simple

Membuat Menu Spoiler - Sudah lama gak buat postingan untuk tutorial blog, dan kali ini saya akan share cara membuat menu spoiler auto hide yang simple tapi Bagus. Menu spoiler sendiri sangat berfungsi, Kenapa ?? Karena menu spoiler dapat membuat Postingan Kita Lebih Rapi dan Indah.

Contoh :




Berikut Tutorialnya :
1.Login akun Blog sobat
2.Masuk ke Tata Letak
3.Klik Tambah Gadget
4.Pilih Html/Java Script
5.Masukkan Kode Berikut Ini :

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Open" 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 = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
TARUH SCRIPT / IMAGE YANG DI INGINKAN
</div></div></div></div></div>

6.Save dan Selesai

Oke sampai disini dulu perjumpaan kita sobat, see you next time... Label: Blog, Tutorial