Cara Membuat Tombol Spoiler Blog

Pasti anda sudah tau apa itu spoiler, spoiler berfungsi untuk menghemat ruang pada sidebar blog anda dengan cara meneyembunyikan konten yang ingin ditampilkan, namun bila tombol spoiler di klik maka konten akan terbuka, menarik bukan sebagai contohnya anda bisa lihat dibawah ini, yang saya simpan iyalah berupa foto.

















Nah seperti itulah tombol spoiler jika Anda tertarik silahkan copy kodenya dibawah ini



<div align="justify" style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;">

<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 = 'Closed'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="margin: 0px; padding: 5px; width: auto;" type="button" value="Show" /></div>

<div class="alt2">

<div style="display: none;">

<div style="border: medium none; padding: 10px; text-align: justify;">

ISI KONTEN ANDA

</div>

</div>

</div>

</div>




Keterangan: Anda bisa merubah tulisan show sesuai dengan konten yang anda inginkan.



Blog Archive