Membuat Spoiler pada blogspot

Kalo kemarin kita membahas tentang bagaimana cara membuat spoiler pada phpBB sekarang kita akan membuat spoiler di Blogspot dan caranya pun sangat mudah tidak perlu mengedit template kita hanya tinggal memasukan kode pada artikel atau gambar yang akan kita beri spoiler :

<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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

"Masukkan isi spoiler yang anda inginkan disini"

</div>
</div>
</div>

Keterangan :
Tulisan warna biru adalah judul dari artikel yang akan kita beri spoiler
Tulisan warna merah adalah isi artikel atau gambar yang akandisembunyikan mengunakan Spoiler
dan berikut contoh hasilnya :

Judul Spoiler:

"Masukkan isi spoiler yang anda inginkan disini"

Selamat Mencoba....

Tweet

Share on :