Cara Membuat Spoiler untuk menyembunyikan dan memunculkan kembali Huruf dan Foto

Klik Blogger - Cara Membuat Spoiler untuk menyembunyikan dan memunculkan kembali Huruf dan Foto

Contoh Hasil di Blog

Blogger Tutorial, Cara Menimbulkan dan menyembunyikan Huruf dan Foto di blog kita, caranya cukup sederhana..!!!
Tanpa Panjang Lebar Kebetulan Bikinnya Lagi Kedatangan tamu jadi tidak konsen... Ok Lah Yang penting Sobat Menemukan caranya.. Semoga Berhasil!!

Caranya Seperti ini :

• Login Ke Blog Sobat
• Entri Baru (New Post)
• Pilih Mode HTML ( Bukan Compose)
• Copy Paste Kode Dibawah ini
• Setelah itu Pratinjau dulu apakah sudah benar jika Iya
• Kemudian SAVE

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="background: #FAFAF7; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<span style="color: blue; font-family: 'Trebuchet MS', sans-serif;"><b><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="background: #FAFAF7; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<span style="color: blue; font-family: 'Trebuchet MS', sans-serif;"><b>Kalau Prasasti dibuat Ketika Orangnya Masih Hidup, Sedangkan Batu Nisan Dibuat Ketika Orangnya Sudah Meninggal...Hehehehe.... Hiburan Aja Ya biar tersenyum Gitu..</b></span></div>
</div>
</div></b></span></div>
</div>
</div>

• Ganti Kata kata yang Anda Perlukan...!!

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><input 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" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;">
<div style="display: none;"><img class="aligncenter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx6c1e43hD8zIllOaEtSllXVeqJbUY8cBihYB42h-s8h6T_2koiQl992lNzWl9Ud9GGroTtAXhMoiV8LvK4hr9w7YRLAT7rAehMgtqzfVrMpQ-_GA_nt5S05le_4f8eB8MgjiJ8uOnB2Y/s320/monyet.jpg" alt="monyet" width="300" height="280" /></div>
</div>
</div>

• Ganti Fotonya sesuai yang Anda Perlukan...!! cari alamatnya  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx6c1e43hD8zIllOaEtSllXVeqJbUY8cBihYB42h-s8h6T_2koiQl992lNzWl9Ud9GGroTtAXhMoiV8LvK4hr9w7YRLAT7rAehMgtqzfVrMpQ-_GA_nt5S05le_4f8eB8MgjiJ8uOnB2Y/s320/monyet.jpg

Demikian Tadi Arahannya untuk Mencobanya jangan Lupa Ganti Kata kata  & Fotonya Jangan Lupa.
Semoga Tutorial ini bisa bermanfaat.
Salam Sukses..!!

Thanks for reading & sharing KUMPULAN ILMU DAN CERITA