Background Color on Mouseover

Ingin warna background dinamis dengan warna yang bisa berubah-ubah? Dengan javascript di bawah, anda bisa melakukan gonta-ganti warna background hanya dengan menyentuhkan cursor pada tempat yang sudah ditentukan.

Javascript & xHTML

<script type="text/javascript">
/* gubhugreyot.blogspot.com */
//rubah KODE warna untuk mengganti warna
var backColor = new Array();
backColor[0] = '#393838';
backColor[1] = 'green';
backColor[2] = '#003538';
backColor[3] = '#000000';
backColor[4] = 'blue';
backColor[5] = '#aef9fe';
function changeBG(whichColor){
document.bgColor = backColor[whichColor];
}
</script>

<a style="position:fixed;top:0;right:0;" href="#" onMouseOver="javascript:changeBG(0)">Background 1</a><a style="position:fixed;top:0;left:0;" href="#" onMouseOver="javascript:changeBG(1)">Background 2</a><a style="position:fixed;bottom:0;left:0;" href="#" onMouseOver="javascript:changeBG(2)">Background 3</a><a style="position:fixed;bottom:0;right:0;" href="#" onMouseOver="javascript:changeBG(3)">Background 4</a><a style="position:fixed;bottom:0;left:400px;" href="#" onMouseOver="javascript:changeBG(4)">Background 5</a><a style="position:fixed;top:0;left:400px;" href="javascript:changeBG(5)">Background 1 KLIK me Please</a>

1. Login ke Blogger.
2. Setelah halaman Dasbor (Dasboard) terlihat, cari dan klik "Rancangan/Design".
3. Halaman baru kembali terbuka di dalamnya terlihat "pola template (desain blog)" yang berupa beberapa box. Klik salah satu "Add a Gadget (Tambah Gadget)" (bergaris putus-putus).
4. Setelah window baru terbuka, akan ada beberapa pilihan Gadget. Pilih dan klik "HTML/Javascript".
5. Copy dan pastekan seluruh kode dalam "box HTML/Javascript".
6. Klik "SIMPAN/SAVE"
7. Buka blog dan lihat hasilnya.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:

Update » Jemuah LEGI, Maret, 23, 2012

» Happy Blogging - gubhugreyot «