Membuat tombol Spoiler/Buka Tutup pada Blog

Biasanya, bagi anda yang suka membuat artikel tentang panduan blog, website, software, dll, anda pasti membutuhkan penghematan ruang saat menuliskan artikel anda. Biasanya, supaya kesannya tidak terlihat panjang kebawah. Nah, disini saya akan menjelaskan fungsi tombol Spoiler/Buka Tutup kepada anda.

Fungsi dari tombol ini adalah menghemat ruang laman artikel anda agar kesannya menarik, dan tidak terlihat berhamburan dan panjang lebar. Anda dapat menambahkan Tombol Spoiler ini sesuka hati anda, tetapi biasanya pada artikel yang bermuatan tentang widget kode html.
 

Tertarik ?, silahkan ikuti panduannya di bawah..

•  
  

Copy Script Kode di bawah ini

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI
</div>
</div>
</div>
<br> <br> <br>

• Untuk tulisan warna hijau, silahkan ganti dengan text, atau gambar milik sobat.

Itulah caranya membuat tombol Spoiler.. Semoga Bermanfaat.

Salam Pengetahuan yang Menginspirasi !!