NamaIconHeader 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... :



14 comments:

botem December 13, 2011 at 10:04 PM  

mampr ah... udah lama ga main kesini, sambil curi curi ilmu aja :D

distributor sprei murah January 9, 2012 at 4:37 AM  

thanks your info and great blog article and quality, success and greetings greetings bloggers

izul October 12, 2012 at 11:20 PM  


makasih atas info-info nya ,

izul October 12, 2012 at 11:20 PM  


Salam kenal dan sukses slalu

idzul October 23, 2012 at 1:23 AM  


saya numpang buat nambah backlink di sini ya

rizuka November 2, 2012 at 12:46 AM  

informasinya mudah-mudahan bermanfaat ya

juli November 9, 2012 at 7:38 PM  


terimaksih atas infonya

nove November 9, 2012 at 11:32 PM  

ijin menyimak dan backlink disini ya

Haloho [therzone] November 21, 2012 at 12:08 PM  

mampir kang,

Kl code spoilernya di inject k template bisa gk kang?!
jd penulisan di posting tggl pk html code,,

Sekalian kalo bs kash tutornya :D hehe,, maklum newbie nih.

lam kenal
kunjungan perdana

zul November 27, 2012 at 6:19 PM  

bermanfaat banget infonya-infonya bagi saya


makasih ya gan

Post a Comment

BUKU TAMU DAN ATRIBUT BLOG

Please Comment
Posting Populer
[..::::A::::..]
  • about Healty
  • ALL ABOUT LOVE
  • Aktivitas Sandal Jepit
  • Amru Site
  • AnjingGoblog
  • Attayaya Dot Net
  • Andalas Van Java
  • Aneh81
  • Aneh,Unik,Lucu
  • All In "tUmbuH"
  • Archv3nture
  • Anita Atax
  • Anak kolonX
  • Acatrazz Blogspot
  • Aldien Blog
  • Athene Blog
  • Andy Wong ECAkNYO
  • Aanworld Bloger Pemalang
  • Ayu Adine
  • About Finance
  • [..::::B::::..]
  • BAYU LEBOND
  • Bebens007
  • Bayu Saputra
  • Blog Kang Rohman
  • Blog Putra Jepang
  • Blogger Directories
  • Belajar Bisnis Internet
  • BIBIR SAKTI MASBEKEN
  • BLOGING VIA HP
  • Blog persahabatan
  • Bull^Bull & Coretannya
  • Blogging-Surfer
  • Blogging Bucks
  • BUNGLONBLOG
  • BOOK ONLINE
  • [..::::C::::..]
  • Coretan Si8ball Pekox's
  • Choe Link 2009
  • Celebes City
  • Computer Tips Tricks
  • Catatan Putra
  • [..::::D::::..]
  • Dunia Komputer
  • Dodi Odhievara Blog
  • DEDICATED COMPUTER SERVER
  • Dian Ambar Wasesha
  • Dhana Arsega
  • DARA WEBSITE
  • DEVIL COMPUTER
  • [..::::E::::..]
  • EFMED 2001
  • Elyas Anak Merana
  • EXOTICA
  • [..::::F::::..]
  • Fatur RumaH Curhat
  • FIGHT FOR WOMEN HEALTH
  • Forum Komunitas
  • Full Software Collextions
  • Fajar Pekox's
  • [..::::G::::..]
  • Gak Mutu Blog
  • Gustihana Blog
  • Ginanjar Kluwut
  • [..::::H::::..]
  • Harry Nuriman
  • Huyuh Blog
  • [..::::I::::..]
  • Indonesia Ku
  • Indo15 Blog
  • Ijo Punk Jutee
  • [..::::J::::..]
  • Jasa Pembuatan Blog
  • [..::::K::::..]
  • Keboo Kyut BC
  • KLUWAN dot COM
  • KLUWAN LOVE IS BEAUTY
  • KLUWAN backtrack
  • Kang Asep Blog
  • kakve-santi (Pr. 4)
  • Kartika Putri Pratama
  • KokoBotax
  • KelireirenG
  • KompiKita
  • K-Bejo
  • Komunitas Oedjoeng
  • [..::::L::::..]
  • Lia Amalia
  • [..::::M::::..]
  • Monika Hansen
  • Manfaat Bersama
  • Malindo fm
  • Mhz Maheswari Vania Yoga
  • [..::::N::::..]
  • Nurina Utami
  • Natha Lia Blog
  • Ngeposting ni yee
  • [..::::O::::..]
  • Oklubi Dot Com/
  • Oyah Saloon
  • Okygaul85
  • [..::::P::::..]
  • PakiesDjangan
  • Phonank bukan Ohang
  • Poter Punya
  • Paradise
  • Poeds On Girimukti
  • priagoenks.co.cc/
  • Psikonseling Evi Yulianti
  • Putra Blog
  • [..::::Q::::..]
  • ...
  • [..::::R::::..]
  • RUANGSC COMUNITY
  • RAHMAT TEA
  • RAKSAKA NALA
  • Rock Klasik tetep Asyik
  • rahad2six
  • Rizky2009
  • Rahmei Yuda
  • Rachmatea
  • Rizal Blog
  • Rival Aditya
  • Ririn Keyliana Blog
  • Ruang Hati
  • [..::::S::::..]
  • SATRIYO HP
  • SANG KHALIFAH
  • SOUND BLASTER
  • Saung Urip
  • Sulthan Yususf
  • Samsulmuna
  • Surakarta Entrepreneur
  • shirieen
  • Seputar Dunia Anak
  • SehatZBlog
  • Sugeng Pribadi DOT COM
  • Satrianews Dot Net
  • Satriacell Dot Com
  • Sebuah Berita
  • SOMBLERO
  • [..::::T::::..]
  • Toko Tas OnlinE
  • Tovarossi
  • Terminal LPG Semarang
  • Tourism of Indonesian
  • The JaeV
  • TIPS KELUARGA
  • Taekwondo Indonesia
  • Tech Info
  • Tubir Bloger
  • [..::::U::::..]
  • ....
  • [..::::V::::..]
  • vanmovic'S blog
  • VIPERX
  • Vienka Dot Com
  • [..::::W::::..]
  • Worldsenterprise
  • Witul4r BC
  • [..::::X::::..]
  • .....
  • [..::::Y::::..]
  • Yoga Kucing
  • Yahya Blog
  • [..::::Z::::..]
  • .....
  •   © Blogger template Webnolia by Ourblogtemplates.com 2009

    Back to TOP