Membuat Rollover Tombol Background

Ini adalah sebuah script yang membuat setiap button
atau tombol menjadi berubah warna manakala
cursor diletakkan tepat di atasnya.

Contohnya seperti terlihat di bawah ini :

Untuk membuat, langkahnya adalah sebagai berikut :


1.   Rancangan -> Tambah Gadget
      Pilih HTML/JavaScript.

2.   Masukkan dalam kontennya
      kode yang ada di bawah ini
      kemudian simpan.

<form onmouseout="change(event, 'lime')" onmouseover="change(event, 'yellow')">
<input class="initial2" onclick="jumpto2('URL 1 Anda di sini')" type="button" value="Judul link 1" /> 
<input class="initial2" onclick="jumpto2('URL 2 Anda di sini')" type="button" value="Judul link 2" /> 
<input class="initial2" onclick="jumpto2('URL 3 Anda di sini')" type="button" value="Judul link 3" />
<input class="initial2" onclick="jumpto2('URL 4 Anda di sini')" type="button" value="Judul link 4" />
</form>

KETERANGAN :

Ubahlah warna tombol sebelum dan sesudah
disorot cursornya, pada kode :

change(event, 'yellow')

change(event, 'lime')

Masukkan Link Anda pada kode

URL 1 - 4 Anda di sini

Ganti Judul link 1 - 4 dengan
Judul link yang Anda masukkan.

3.   Kemudian masuk ke Edit HTML.

4.   Cari kode </head>

5.   Copy kode yang ada di bawah ini dan
      paste di atas kode </head> ini,
      lalu simpanlah template anda.

<style type="text/css">
.initial2{font-weight:bold;background-color:lime}
</style>

<script type="text/javascript">
<!--

//Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe")
var buttontarget=""

function change(e, color){
var el=window.event? event.srcElement: e.target
if (el.tagName=="INPUT"&&el.type=="button")
el.style.backgroundColor=color
}

function jumpto2(url){
if (buttontarget=="")
window.location=url
else if (buttontarget=="_new")
window.open(url)
else
parent[buttontarget].location=url
}

//-->
</script>

Selamat mencoba, good luck!