Tips-Blogger: cara membuat spoiler pada blog

Rabu, 13 April 2011

cara membuat spoiler pada blog

23.53 |

Diposting oleh Unknown

Tutorial kali ini, saya akan membahas tentang membuat spoiler pada blog.

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.

Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.

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

<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>

Letakkan kode script, HTML dan teks anda disini

<br>

</div>

Keterangan :

Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.

Width : 55px untuk lebar spoiler.

Font-size: 11px untuk besar tulisan pada kotak spoiler.

Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.

Selamat mencoba !blogger yang baik ialah blogger yang senantiasa meninggalkan jejak komentar