membuat spoiler show hide seperti di kaskus

seperti postingan sebelumnya tentang cara membuat spoiler di blogspot dengan benar, maka di blog edisi.blogspot.com kali ini saya akan mencoba membuat spoiler yang biasanya sering digunakan kaskuser seperti contoh dibawah ini:


<br />
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> for <i>title</i> : <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: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>
<div class="alt2" style="background: #E1E4F2; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Yg ingin ditulis silahkan isi disini
</div>
</div>
</div>


dan hasilnya akan seperti ini:

Spoiler for title :

Yg ingin ditulis silahkan isi disini

semoga srtikel cara membuat spoiler show hide mirip kaskuser ini bermanfaat..

Cara Bikin Iklan di blogspot

sobat edisiblogspot cari aja kode ]]> pasang kode dibawah ini tepat DIATAS kode tersebut

Spoiler for title :

#banner-ads { margin: 0px; padding: 5px; text-align: center; } #banner-ads img { margin: 0px 4px 4px 0px; padding: 3px; text-align: center; border: 1px solid #c0c0c0; } #banner-ads img:hover { margin: 0px 4px 4px 0px; padding: 3px; text-align: center; border: 1px solid #333; }

Pemasangan kode pada HTML udah selesai sobat edisiblogspot selanjutnya kita masuk kelangkah berikutnya yaitu penempatan posisi iklan di blog..
Silahkan masukkan kode dibawah ini ke HTML sobat edisiblogspot:


<br />
<blockquote>
<br />
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> for <i>title</i> : <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: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>
<div class="alt2" style="background: #E1E4F2; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<div id="banner-ads">
<a href="http://edisiblogspot.blogspot.com/" target="_blank"><img alt="ads" border="0" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png" /></a>

</div>
</div>
</div>
</div>


 beginilah hasilnya:

Spoiler for title :

cara membuat spoiler yang benar untuk blogspot

cara bikin spoiler yang benar itu seperti dibawah ini: banyak cara yang diungkapkan oleh para senior dalam membuat postingan cara membuat spoiler di blog, akan tetapi cara cara yang telah ditambahkan tersebut terkadang membingungkan untuk para pemula seperti saya, berikut adalah contoh spoiler sederhana yang telah saya praktekan sendiri di blog edisiblogspot.blogspot ini:

dan seperti ini hasilnya:

Hai.. selamat datang di edisiblogspot.blogspot.com

nb: kata kata edisiblogspot.blogspot.com diatas bisa sobat ganti dengan kalimat spoiler sobat sendiri. semoga cara diatas bermanfaat untuk sobat blogger semua. salam edisi blogspot