Cara memberi warna background pada blog
Memberikan tampilan yang nyaman pada sebuah blog adalah sebuah keharusan yang harus kalian lakukan, disamping navigasi blog. Kalian mungkin merasa sudah sreg dengan warna tampilan blog kalian, namun belum tentu bagi pengunjung, berikut ini cara bagaimana agar tampilan blog (warna background) dapat berubah-rubah pada saat diklik pada widget warna atau pada saat direfresh.
Ada 2 cara yang bisa kalian praktikan. Yang pertama yaitu kalian bisa pasang sebuah widget di sidebar yang berisi sekumpulan warna. Dimana saat warna di dalam widget tersebut diklik, akan merubah warna background anda secara otomatis, atau dengan cara yang kedua sebenarnya hampir sama dengan cara yang pertama. Cuma kali ini bukanlah widget warna yang nantinya akan dipasang di sidebar. Tapi akan membuat sebuah efek warna background berubah secara otomatis saat direfresh (seperti pada blog ini).
Masuk pada blog kalian>Tata letak>Tambah widget baru>pilih HTML/javascript
CARA 1
CARA 2
Ada 2 cara yang bisa kalian praktikan. Yang pertama yaitu kalian bisa pasang sebuah widget di sidebar yang berisi sekumpulan warna. Dimana saat warna di dalam widget tersebut diklik, akan merubah warna background anda secara otomatis, atau dengan cara yang kedua sebenarnya hampir sama dengan cara yang pertama. Cuma kali ini bukanlah widget warna yang nantinya akan dipasang di sidebar. Tapi akan membuat sebuah efek warna background berubah secara otomatis saat direfresh (seperti pada blog ini).
Masuk pada blog kalian>Tata letak>Tambah widget baru>pilih HTML/javascript
CARA 1
<center><script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> <table border="1" height="30" style="width: 120px;"> <tr> <td onclick="bgChange('#000000')" bgcolor="#000000"></td> <td onclick="bgChange('#FFD700')" bgcolor="#FFD700"></td> <td onclick="bgChange('#FF00FF')" bgcolor="#FF00FF"></td> <td onclick="bgChange('#DCDCDC')" bgcolor="#DCDCDC"></td> <td onclick="bgChange('#00BFFF')" bgcolor="#00BFFF"></td></tr><tr> <td onclick="bgChange('#008000')" bgcolor="#008000"></td> <td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></td> <td onclick="bgChange('#DDA0DD')" bgcolor="#DDA0DD"></td> <td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF"></td><td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00"></td> </tr> </table></center>
<script type='text/javascript'>//CDATA[var bgcolorlist=new Array("#7FFFD4", "#BDB76B", "#00BFFF", "#DCDCDC", "#FFD700", "#FFFF00", "#008000", "#FFFFFF")document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]//]]></script>kode yang warna merah kalian ganti sesuai dengan warna yang kalian inginkan (kode warna bisa dilihat DISINI), lalu klik simpan kemudian lihat hasilnya.
0 Response to "Cara memberi warna background pada blog"
Post a Comment