Home » » Sembunyikan Gambar Dengan Teknik Spoiler

Sembunyikan Gambar Dengan Teknik Spoiler

Written By Nether Blog on Friday, May 11, 2012 | 10:30:00 PM

Spoiler boleh dibilang script tambahan yang berguna untuk menyembunyikan gambar yang berukuran besar, khususnya pada saat posting menggunakan gambar. selain menghemat lahan postingan, hal ini juga bertujuan baik untuk loading blog. umumnya gambar-gambar yang beresolusi tinggi turut mempengaruhi loading pada blog kita.

Adapun cara menambahkan scriptnya yaitu berbarengan langsung pada saat posting dengan menyelipkan script pada tag HTML. silahkan copy kode berikut ini :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Nama Spoiler</b>: <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="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<img src="http://i1249.photobucket.com/albums/hh514/Nusantaralink/ariansyahnusantara.png">
 oh iya script ini saya dapatkan dari blog cyber4rt silahkan kunjungi blognya..
  </div>
    </div>
      </div>

Yang berwarna Merah itu silahkan dirubah sendiri. untuk contohnya silahkan klik gambar dibawah ini.!

Nama Gambar:

Selamat Datang ..

0 komentar:

Post a Comment

Silahkan berikan komentar anda yang baik.