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: