Membuat spoiler atau show and hide

kadang sebuah blog tampilanya jelek , memanjang,banyak banner, udah gitu marque dimana-mana, widget disana sini...cape dech..:D
apalagi begitu diakses banyak po-up and iklan bertebaran..bete abiez dech...


back to topik, cara sederhana membuat spoiler atau disebut juga show and hide
berikut kode yang harus dicopy..

<div style="margin: 5px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Disini Judul Spoilernya </span></i><input value="Show" 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"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="display: none;"> isi spoiler/kode banner,dsb </div></div></div>

sebagai contoh saya membuat judul "klik disini untuk melihat"

klik disini untuk melihat

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="ganti tulisan ini dengan pesan kamu!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

dan cara kerjanya sederhana saja, anda cukup mengganti kode yang berwarna biru
dengan link/banner yang ingin anda sembunyikan.
tujuanya biar loading web/ blog anda menjadi lebih ringan.
selamat mencoba semoga bermanfaat

Baca Yang ini Juga Ya... :