Selasa, 09 Oktober 2012

Cara membuat tampilan kaskus

Cara Membuat Spoiler Gambar Seperti di Kaskus. kemarin baru saja saya berjalan-jalan ke tempat sharing terbesar di Indonesia yakni kaskus. disana saya membaca thread yang dibuat sobat atau yang lebih dikenal disana dengan sebutan agan. disana, saya mencoba untuk mencontoh bagaimana sih cara membuat spoilernya....??? saya berfikir dan berfikir, kemudian mencari-cari bagaimana melakukannya, nah akhirnya saya berhasil membuatnya. untuk membuatnya sangat mudah ternyata, sobat tinggal mengikuti caranya sesuai langkah di bawah ini   :



<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

Hapus "tentang Blo bla bla" dan ganti dengan judul yang anda inginkan misal lihat jugaklik,  dsb.
Isi spoiler atau yang berwarna merah hapus, gantikan dengan url dengan gambar, musik atau video yang anda inginkan.


Hasil Java Script di atas : 

Tentang bla..bla.bla.. 


comentnya ditunggu lho :D

Next,. saya akan memposting gambar-gambar lucu yg di jamin pasti ngakak jungkir balik. :DD

0 komentar:

Posting Komentar