Cara Menyembunyikan / Menyelipkan Gambar Dengan Spoiler Pada Blog

Ok lanjut saja, berikut adalah contohnya

Berikut adalah Cara Menyembunyikan / Menyelipkan Gambar Dengan Spoiler Pada Blog

1. Buatlah sebuah postingan
2. Pilih Edit HTML

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 ^_^

Anda baru saja membaca artikel yang berkategori posting dengan judul Cara Menyembunyikan / Menyelipkan Gambar Dengan Spoiler Pada Blog. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger

Ditulis oleh: Andreano Calvin - Kamis, 22 Maret 2012