Minggu, 09 Oktober 2016

Kode HTML Spoiler Sederhana

Kodenya ada di dalam spoiler:


Judul Spoiler:
<!-- KOMENTAR AADALLAH -----------------------------  -->
<!-- DI BAWAH INI ADALAH AWAL KODE SPOILER ---------  -->
<!-- KOMENTAR AADALLAH ------------------------------ -->
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>:
<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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<!-- KOMENTAR AADALLAH ------------------------------ -->
<!-- DI BAWAH INI TULIS ISI SPOILER DALAM KODE HTML - -->
<!-- BERUPA TEKS ATAU KODE SCRIPT ATAU GAMBAR/VIDEO - -->
<!-- KOMENTAR AADALLAH ------------------------------ -->
Isi Spoiler teks atau kode script (gambar atau video) di sini XXXXXXXXXXXXXXX
 </div>
</div>
</div>
<!-- KOMENTAR AADALLAH ------------------------------ -->
<!-- DI ATAS INI ADAKAH AKHIR KODE SPOILER ---------- -->
<!-- KOMENTAR AADALLAH ------------------------------ -->

Tidak ada komentar:

Posting Komentar