Membuat Spoiler Gambar

Untuk menghemat tampilan halaman bila posting anda banyak gambar yang ingin di tampilkan, anda dapat menyembunykan gambar, dan orang dapat melihat gambar tersebut bila di klik tombol show atau tampilkan.

Anda dapat melihat demonya disini

Untuk membuatnya ikuti langkah-langkah berikut ini

• Masuk ke Dasboard anda
• Buat posting baru (entry baru)
• Setelah anda membuat kata pengantar atau penjelasan, dan ingin menampilkan spoiler gambar copy script ini di bawah penjelasan anda
  
  
  Script

  <div><div style="margin: 5px;">
  <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Gambar</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;">
  <a href="Alamat blog" target="_blank"><img src="Alamat gambar" border="0" alt="Nama Gambar"></a>
  </div></div></div></div>
  
  

Pada kata Judul Gambar anda bisa menggantikannya dengan keinginan anda

Pada kata Show bisa anda gantikan dengan Tampilkan

Pada Alamat blog dapat anda ganti dengan alamat blog anda

Untuk Alamat Gambar anda tinggal paste link gambar anda

Demikian juga untuk gambar selanjutnya anda harus paste lagi script diatas

Setelah posting anda selesai anda klik Terbitkan Entry