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="http://4.bp.blogspot.com/_3d0GDLAXLJ8/STAjkFR1s2I/AAAAAAAABCQ/pVH4lcV5odE/s320/monyet.jpg" alt="monyet" width="300" height="280" /></div>
</div>
</div>


  • Ganti Fotonya sesuai yang Anda Perlukan...!! cari alamatnya  
    http://4.bp.blogspot.com/_3d0GDLAXLJ8/STAjkFR1s2I/AAAAAAAABCQ/pVH4lcV5odE/s320/monyet.jpg
Demikian Tadi Arahannya untuk Mencobanya jangan Lupa Ganti Kata kata  & Fotonya Jangan Lupa.
Semoga Tutorial ini bisa bermanfaat.
Salam Sukses..!!


Comments
0 Comments

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Contact Form Sebelah Kanan

Labels

 
KLIK BLOGGER © 2011 | Template by Blogger Templates Gallery collaboration with Life2Work