Selasa, 25 Januari 2011

Cara Membuat Spoiler

Apa tu SPOILER?

itu tu... ane juga gak tau mau bilang gimana... pokok menu yang bisa dibuka-tutup...
cara na gini

  • Masuk ke blogger.com
  • Login
  • rancangan
  • Pilih Add gadget
  • Pilih Html/Java Script
  • Copy kode dibawah ini dan letakkan ke dalam gadget tadi

<div><input style="font-family:Trebuchet MS; width:200px; border: 4px solid#FFFFFF;-moz-border-radius:20px; -webkit-border-radius:20px; margin:5px 0px 0px 0px; padding:5px; background:#000000; color:#00FF00;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Mau Lihat Lagi?'; }" name="button" type="button" value="Buka Saja Sob!!" /></div><div id="show" style="display: none; margin:10px; padding: 5px; width: 100%;">MASUKKAN LINK/SCRIPT/GAMBAR SOBAT DISINI</div><div id="hide"></div>

  • Simpan deh......
  • Lihat hasilnya...
NB :
  • Warna KuningUnguHijau Bisa Sobat Tukar Dengan Tulisan laen
  • #FFFFFF ------ Untuk Frame 
  • #000000  ------- Untuk Back Ground
  • #00FF00  -------- Untuk Tulisan Yang Ada didalam Frame (bingkai)

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites