Cara Membuat Spoiler Di Blogspot

Spoiler Merupakan suatu tempat untuk membuat Gambar atau Kalimat/kode scrip yang panjang Tersembunyi yang digunakan untuk memnghemat Ruang postingan dan lain-lain,Spoiler ini bisa sobat letakkan di postingan, Atau bisa juga meletakkan di sidebar, header atau footer blog. Teserah mau di letakan di mana..??? asal jangan di Ruang WC aja...hahahahaha


Untuk membuat spoiler, silahkan sobat copy kode script nya dibawah ini :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Intip Yuk" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Udah Ah '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Intip Yuk'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini

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

Contoh Spoiler Seperti Ini:

Spoiler:

Keterangan :
1. Untuk tulisan Intip Yuk dan Udah Ah bisa sobat ganti sesuai keinginan. Seperti Open dan close.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat
5. Selamat Mencoba......

Posted in: ttg blog