RSS

About

Selamat Datang di Blog Saya

Cara Menyembunyikan / Menyelipkan Gambar Dengan Spoiler Pada Blog

Ok lanjut saja, berikut adalah contohnya






Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog

Berikut adalah Cara Menyembunyikan / Menyelipkan Gambar Dengan Spoiler Pada Blog

1. Buatlah sebuah postingan
2. Pilih Edit HTML






Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog






Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog

3. Setelah itu masukan script berikut ini
<center><div>
<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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Gambar'; }" style="margin: 0px; padding: 0px;" type="button" value="Lihat Gambar" /></div>
<div style="background: #ffffff; border: 0px solid #000; margin: 10px auto; padding: 5px;">
<div style="display: none;">
<img alt="Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog
" height="200" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276920_330771053623003_487235119_n.jpg" title="Tutorial Blogger" width="300" /></div>
</div>
</center>

Keterangan:
  • Silakan Ganti kode bewarna biru dengan link image lain

4. Selesai

Selamat Berkreasi ^_^

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS