Cara membuat tombol Open/Hide pada blog

Cara membuat tombol Open/Hide pada blog - Mari kita modifikasi blog dengan Tombol Open/Close seperti yang ada di thread-thread kaskus. Jika kita sering berkunjung ke Forum kaskus pasti semua thread kaskus dibuat "Spoilers : Shows" .

Dalam artikel ini saya akan share Cara hide gambar atau bisa dibilang menyembunyikan gambar di artikel kita dengan menggunakan Tombol Open/Hide atau Open/Close.

Tombol Open/Close

DEMO (klik)

Cara membuat tombol Open/Close :

• Masukan kode dibawah ini ke HTML artikel anda

Silakan COPY kode nya DISINI

<div id="spoiler" style="display: none;">
<img border="0" src="URL gambar anda.JPG" height="300" width="500" /></a></div>
</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 />

Keterangan : Silakan masukan URL Gambar anda yang berwarna merah dan atur saja ukuran sesuai kan saja .

Itulah cara membuat Tombol Open/Close atau Open/Hide pada blog. Sebenarnya dengan membuat tombol Buka tutup ini tujuan nya supaya artikel kita rapih, apalagi artikel yang penuh dengan image.

Semoga bermanfaat. Jangan lupa selalu tinggalkan Komentar ya.

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :