Membuat Spoiler Pada Postingan

Spoiler banyak digunakan oleh para bloger yang ingin menghemat ruang pada blog nya.Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar. Cara pembuatan spoiler ini terbilang sangat mudah karna hanya meletakan pada gadget maupun postingan yang kita kehendaki untuk diberi spoiler.. Ok, tanpa banyak basa basi langsung saja kita ke tkp.....

1.Langkah pertama yang harus sobat lakukan adalah login ke blog sobat
2.pilih dimana sobat akan membuat spoiler (contoh:pada postingan)
3.sobat masuk ke entri sobat lalu masukan kode berikut

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" 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>


jadinya akan seperti berikut:

Spoiler:

silahkan letakan kode atau teks sobat disini... happy bloging