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.
<script type="text/javascript">
/* chikawap/bloggersatars1.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];
}
Cara penggunaan javascript
1. Lakukan pengamanan template terlebih dahulu dengan cara :
Login ke Blogger --> KLIK Tata letak --> KLIK Edit HTML -->
KLIK Download Template Lengkap --> Simpan di Folder PC
2. Tetaplah di Edit HTML.
- Cari KODE : <head>.
- Letakkan javascript di bawah KODE <head> atau di atas </head>
3. Letakkan link perubah background di bawah ini di antara tag <body>dan</body>
- <a style="position:absolute;top:0;right:0;" href="#" onMouseOver="javascript:changeBG(0)">Background 1</a>
- <a style="position:absolute;top:0;left:0;" href="#" onMouseOver="javascript:changeBG(1)">Background 2</a>
- <a style="position:absolute;bottom:0;left:0;" href="#" onMouseOver="javascript:changeBG(2)">Background 3</a>
- <a style="position:absolute;bottom:0;right:0;" href="#" onMouseOver="javascript:changeBG(3)">Background 4</a>
- <a style="position:absolute;bottom:0;left:400px;" href="#" onMouseOver="javascript:changeBG(4)">Background 5</a>
- <a style="position:absolute;top:0;left:400px;" href="javascript:changeBG(5)">Background 1 KLIK me Please</a>
3. KLIK simpan Template.
4. Lihat blog untuk melihat hasilnya.
Catatan :
- KODE berwarna hijau adalah macam warna background. Bis ditambahkan sesuai jumlah warna yang diinginkan.
- KODE berwarna oranye menentukan warna background yang akan muncul.
- KODE berwarna kuning merupakan teks link warna yang digunakan sebagai background.
- KODE berwarna kuning yang terakhir digunakan apabila ingin merubah warna background dengan cara KLIK pada teks link background.
0 komentar:
Speak up your mind
Tell us what you're thinking... !