Cara Membuat Spoiler pada blog

Temen-teman pasti taukan apa yang dinamakan spoiler ? spoiler dapat diartikan memyembunyikan file (gambar atau tulisan) pada tampilan posting .. namun hanya dengan mengklik spoiler, buka atau open.. maka gambar atau kalimat itu akan tampil secara otomatis


Langsung saja silahkan lihat contoh berikut

Spoiler:

Test Spoiler ... Test Spoiler... Test Spoiler

dan kode yang dapat di copas adalah 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;"> Ganti dengan kalimat yang teman2 inginkan <br> </div> </div> </div>


Test Spoiler ... Test Spoiler... Test Spoiler  ... Ganti dengan kalimat yang diinginkan namun jika teman-teman ingin mengganti kalimat dengan gambar maka silahkan berikan kode <img src=alamat url gambar></img>






Contoh Spoiler dengan Gambar

Spoiler:

Selamat mencoba ....


Sumber Asal : DISINI

Artikel Lain:

Tips dan Trik Bloging

• Membuat Tabel dengan Link
• Memasang Cursor Lucu - terbaru
• Pasang Marquee Unik
• Cara Memasang Real Time Statistik Melayang
• Memasang Cursor Lucu di Blog
• Pasang Google Translate Helper Model Dropdown
• Membuat textarea dengan border menarik
• Cara Membuat Mouse Clock
• Membuat Karkulator di Blog
• Membuat Gambar Mengikuti Cursor
• Membuat Banyak Gambar Berjalan
• Membuat Background dan Border Warna
• Membuat List dan Multilevel List
• Membuat Komentar Mengikuti Kursor
• Membuat Button Berhenti dan Mulai pada Marquee
• Cara Membuat Button Dengan Background Gambar
• Menambah Efek Suara Pada Blog
• Efek-efek untuk mempercantik blog