Cara Membuat Tombol Open/Close Di Blog

Cara Membuat Tombol Open/Close Di Blog
Cara membuat tombol Open dan Close di blog layaknya Spoiler seperti di Kaskus

Tombol Open/Close
Demo(Klik)


Tutorial Membuat Tombol Open/Close Pada Blog
 Kode berikut ke dalam HTML Post dsb.

Tombol Open/Close
<div id="spoiler" style="display: none;">
Konten Disini
</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>
<br />
Konten Disini diganti dengan konten yang ingin disembunyikan, seperti gambar Konten Disini diganti seperti ini <img border="0" src="URL gambar sobat.JPG" height="300" width="500" /></a></div>
Dsb dapat disesuaikan sendiri...

Ditulis Oleh : Robby Armansyah

DMCA.com Protection StatusAnda baru saja membaca artikel dengan judul Cara Membuat Tombol Open/Close Di Blog. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.

2 komentar

avatar
×

tq gan tips nya, keren spoilernya..

tp itu keren jg tuh dalam box nya bisa nyala lampu gitu??
:ngiler