CARA MEMBUAT KOTAK SPOILER DI POSTINGAN BLOG 2014

selamat datang di Blog abdulharahap.info

Sebelum admin posting, admin mau tanya. pernahkah lihat tampilan seperti di bawah ini dalam postingan orang di Blog?

SELAMAT DATANG DI BLOG ABDULHARAHAP.INFO

Ya, tampilan seperti itu namanya Kotak Spoiler. Yang berfungsi mempersingkat postingan kita sekaligus membuat tampilan postingan lebih elegan. Pertanyaannya adalah bagaimana membuatnya?

jawabannya :

Copy kode di bawah ini dan posting di HTML postingan anda

Kodenya adalah:

<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>

Bagaimana? Mudahkan? Semoga bermanfaat ya