Senin, 22 Februari 2010

VARIANT BACKGROUND COLOR WITH SIMPLE JAVASCRIPT

Hihihihi...hehehe...hohoho...huhuhu...^.^ Hidup harus penuh dengan warna. Karena dengan beraneka ragam warna yang kita punya, maka akan GAYA juga hidup kita...wakakakakkk. (tetep...gaya ^_+) Biasalah balik hunting-hunting dan baca-baca. Sangkut pautnya warna dengan blog apaan nih yak¿ Hmmm...mungkin trik ini akan terlihat bagus efeknya pada blog yang pada sidebar dan post-body, tidak menggunakan sebuah gambar sebagai latar belakangnya. Nanti warnanya kurang kelihatan ~_~' Oke...bagaimana membuat background color paga blog kita ini supaya bisa berubah-rubah warnanya dengan hanya mengklik??? (simple trick)
<a href="#" onclick="javascript: document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3K7exMomkFVNjQf2qrmxX8uYaEJ-fkDYcsRxeX2ZDaCYh6PQ6xOfK15L6o7Om3_UXwfoFOQYbR_nnnpotGZcYtAAdTxC7NQaZxepHdxwjve3-d0RCtECZd3VCgzR1JRS8cm-0IfoB9Tz/s200/body-amarillo.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJKwfmpSRvF0L4O0IyqlQoFldDOtG_YEtsvunqlgdO0fP0qYybtLwJBr87CSK7QbNh7X7cJHJSuyAXOUeyfC5nGf0hu4e36DhVDUiD8l0GYpChZuECh6tz7tLHA6oQLBy8yrFycXLXqCKY/s200/body-verde.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDT1uGkThHGTC-fMHnYnTI6ebxXFxTvDcJd3YcvBgYkFQt8Ar3Rv2t-r4G-WhhyiQyAWR1PpS3h6Qkbi7Uc03cBV7pnNPt8wOI5xCMFISIxtZpPx95pSd2PQCJ2l8wVcXBjp9MSAVoupHT/s200/body-azul.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBrVeWZJSdGLv31FOGyqW3ge2teyjfsc-dAAYhpDdhd04QQfiKDHbHuJfwhObORRaG7gJLnYEKEHws4Kp910FkmsWu6Dw-y8boYPl_WKt1hGx1-WX4xp1DcNIvTqA911pwb7nat7-mbi8/s200/body-morado.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFa173WDkKWPqQNgSuDU4d5p_9BFnLbRnE_qWVJe63rsYZcYvF9amyH9K5mymC6KVVtFI9ViUzLTxHKD40j70UcV41dpd0urBWiuRxH-xpWPCkTy6q_GYuAwQt7T7aWO29P1TPm-EmI7W/s200/body-rosa.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmfaKytInqLQoQgykPSwgLT4fOt986t3NEOv22A5vzovrIdU6vIwuEapbXIcjP57YcKIBZbWrl_F_XPZX436mcL8BgsUm5NcqvbLR4ZKGTV90u1ZTvDUqQJMCeT8-seP95ciUHin_fmPSo/s200/body-negro.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoeDipqrftdgkV13a_UmQc1jyjRaU4zrp4kTDssETnJWN8LGAOQiNiP7HvbaxAVq_VOeUVYjkjcqmr1m2WHE4Xo4Hvblk4sUe7zdPKl15mrPUb2xEcp0ZuW7hkXgyApqR1XaWfs5Qpnp1w/s200/body-blanco.png" /></a>
Itu scriptnya sobat blogger, dan nanti hasilnya akan seperti ini...
kuning hijau biru ungu pink hitam putih
Kalau memasangnya tuh yaaa di dalam HTML template sobat-sobat. (kalau bisa...huehuehue).
<body>
-------DISINI ATUR-ATUR SAJA DIMANA ENAKNYA-------
</body>
Yaa sudah kalau pusing, pergi ke Page ElementsHTML/Javascript Hihihihi... Script diatas kan ada kode untuk gambar (kalau bisa hosting sendiri), dan kode gambar tersebut bisa diganti dengan tulisan. Kalau belum jelas juga silahkan kunjungi link berikut Widget let readers decide your background color. Selamat berGAYA...good luck ^_^

TricK by : http://myfundoo-blog.blogspot.com

Tidak ada komentar:

Posting Komentar