Cara Merubah Warna Background Blog oleh Pengunjung

change color auto in blogger
Terkadang kita menginginkan pengunjung memilih caranya sendiri untuk merasa lebih nyaman saat menjelajah. Misalnya, background blog Anda adalah merah, lalu Anda ingin pengunjung atau visitor website Anda bebas memilih warna yang disukai langsung pada blog Anda dengan pilihan kode warna (live).

Cara ini ada beberapa manfaat, terutama jika background blog Anda warnanya sangat terang, sehingga jika dilihat pada malam hari akan sedikit menyilaukan mata. Dengan menyediakan tool warna, maka pengunjung bisa mengganti warna blog Anda yang lebih redup, misalnya warna coklat atau hitam.

Akan tetapi, sayangnya ini hanya merubah background, bukan merubah warna teks. Sehingga jika teks pada blog Anda berwarna putih, dan pengunjung merubah background menjadi putih, maka teks Anda tidak akan terlihat.

Namun tenang, ini sifatnya tidak permanen. Ketika pengunjung tersebut meninggalkan halaman blog Anda dan membuka kembali atau dengan kata lain memuat ulang (refresh) maka tampilan akan kembali lagi ke semula.

Pengunjung lain yang berbeda komputer juga tidak akan terpengaruh ketika ada salah satu pengunjung yang merubah warna background blog Anda.

Kode script untuk merubah background:

<script type="text/javascript" src="http://www.westciv.com/tools/shadows/jscolor/jscolor.js"></script>
<script type="text/javascript">
function effect() {
clrchangeDiv=document.getElementById("gantiwarna");
backgroundColor="#" + document.getElementById("bgclr").value;
if (clrchangeDiv) {
clrchangeDiv.style.backgroundColor=backgroundColor;
}}
//Di Modifikasi oleh: kangsigit.com
function mulai(){
document.getElementById("kssatu").style="display:none";
document.getElementById("ksdua").style="display:block";
}
</script>
<div id="kssatu" style="cursor:pointer;font-size:20px" onclick="mulai();">Ganti Warna</div>
<div id="ksdua" style="display:none"><input class="color" id="bgclr" value="Sesuaikan Warna" onchange="effect()"/></div>

Jangan lupa, ganti <body> menjadi <body id="gantiwarna">
Semoga bermanfaat. Jangan lupa tinggalkan komentar jika suatu saat kode sudah tidak work sob..
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini