Cara membuat Spoiler

Apa Kegunaan Spoiler ??

Untuk menyembunyikan postingan yg terlalu panjang yg isi nya berupa kode script atau tulisan lainnya. Saya sendiri juga memakai spoiler.

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.

Contoh :

Spoiler:

Letakkan kode script, HTML dan teks anda disini

Copy kode berikut pada postingan atau dimana aja untuk membuat Spoiler :

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


Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
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.

Semoga bermanfaat !

Artikel Terkait:

Tips Blogging

• Membuat Buku Tamu tersembunyi
• Cara memposting artikel
• Membuat Efek Salju pada blog
• Cara membuat Link Berkedip
• Cara Membuat Scroll Pada Archive Blog
• Membuat Recent Post
• Menampilkan Text pada cursor mouse
• Membuat Sidebar Kiri dan Kanan
• Cara membuat Multi Kolom
• Cara Menambah Kolom pada Template
• Membuat Sidebar dalam kotak-kotak terpisah
• Mengubah Lebar Kolom Template
• Pasang Statistik dan Tracker
• Membuat Fungsi Readmore
• Memasang Icon YM
• Text Berjalan di Bar menu
• User Online Status
• Menu Dropdown dengan JavaScript
• Blogger Emoticons
• Membuat Text Area
• Membuat Banner Animasi
• Cara membuat Buku Tamu
• Membuat efek Marquee (teks berjalan)
• Cara upload foto