Cara Membuat Gambar seperti pada Kaskus Buka / Tutup

Hallo agan agan , jumpa lagi sama gw ni .. pasti pada kangen kan ? wkwkwkwk ketauan banget jonesnya :v
Kali ini gw bakal share cara membuat Spoiler Gambar buka tutup seperti dikaskus , tau kan ?? kalau belum tau kira kira seperti gambar dibawah ini gambarannya ..

Okee Langsung aja kita mulai ya gan.

1. Agan Buat sebuah postingan baru tapi di Bagian HTML ya bukan COMPOSE , kenapa di HTML ? karna kita membuatnya menggunakan kode HTML.

2. Copykan semua kode dibawah ini lalu pastekan di Post HTML tadi

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i>Judul Gambar</i> : <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"> <div style="display: none;"> <img height="300" width="800" src="LINK GAMBAR" /> </div> </div> </div> 3. Setelah di Copy dan paste , scroll kode tadi kebawah sampai ketemu kode
  <img height="300" src="LINK GAMBAR" width="800" />

Keterangan :
- height adalah tinggi gambar
- width adalah lebar dari gambar
- LINK GAMBAR ganti dengan alamat gambar yang ingin dimasukkan..

Hasilnya kira kira seperti ini ;)

Okee mungkin itu aja gan , thanks udah berkunjung ya dan balik lagi ^_^

Posted by Unknown

Tweet