Metode Membuat Spoiler di Blogger

Bertemu lagi dengan blog- triks, kali ini aku hendak memberitai eh memberitahu gimana metode membuat spoiler di blogger, aku tulis ini sebab banyak persoalan melalui pesan facebook Sehabis artikel aku Metode Membuat Stripe Bar Blogger aku kasih spoiler pada bagian kesimpulannya. Seluruh tentu telah ketahui apa itu spoiler kan? Spoiler itu kaya ini contohnya 

Spoiler Contoh:

Ini adalah contoh spoiler

Diatas tadi merupakan contoh spoiler, guna utama spoiler merupakan kurangi beban loading page, umumnya yang dimasukin ke dalam spoiler merupakan image dengan resolusi besar, jadi dengan spoiler image tidak hendak diload secara langsung yang bisa memesatkan waktu loading. Guna yang lain pasti dengan spoiler kita bisa mengirit ruang serta posting nampak lebih apik. Sekian dahulu basa- basinya, langsung saja kita amati gimana metode membuat spoiler dibawah ini:

triknya gampang sekali, tinggal masukin saja kode html berikut ini 

Cara Membuat 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 disini, dapat diisi gambar, kode html, paragraf dan lain2

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

Mudah sekali bukan?
Semoga bermanfaat ya :)