CARA MERUBAH HALAMAN BLOG

Disini ada 2 opsi. Yaitu untuk statis dan yang lainnya untuk dinamis. Keterangan dibawah ini adalah opsi yang ke dua yaitu opsi dinamis. Fitur ini berfungsi ketika Anda sorot dan klik, maka background blog akan berubah sesuai warna yang Anda klik.
Tambah kode berikut pada fitur blogger tambah gadget JavaSrcript/ HTML, lalu simpan.


<script type="text/javascript">function bgChange(bg){document.body.style.background=bg;}</script><br /> <table width="100%"> <tr> <td onclick="bgChange('black')" bgcolor="black"> </td> <td onclick="bgChange('#6633FF')" bgcolor="#6633FF"> </td> <td onclick="bgChange('#FF3366')" bgcolor="#FF3366"> </td> <td onclick="bgChange('#CAFF7A')" bgcolor="#CAFF7A"> </td> <td onclick="bgChange('#fff')" bgcolor="#fff"> </td> <td onclick="bgChange('#0f0')" bgcolor="#0f0"> </td> <td onclick="bgChange('#003333')" bgcolor="#003333"> </td> <td onclick="bgChange('#515151')" bgcolor="#515151"> </td> <td onclick="bgChange('#331A00')" bgcolor="#331A00"> </td> </tr> </table>

Mengubah Background Blogger Dengan Gambar
Untuk fungsi ini sama memiliki dua opsi. Pilih salah satu Saja sesuai pilihan atau bahkan gunakan kedua-duanya fungsi statis untuk bentuk defult latar belakang dan dinamis untuk gaya acak agar blog terlihat berbeda atau unik.

Pilihan Pertama. Tekan Ctrl+F untuk mencari kode body{ lalu ubah kode warna menjadi link gambar lihat kode berikut

body{background:url(https://lh5.googleusercontent.com/-467pK-g2BzE/T2rwQ7CTfiI/AAAAAAAACkM/6y0nbNl6ZGQ/s74/BGN.png)repeat;color:$textcolor;font:x-small Arial;font-size:small;text-align:center;margin:0}

Ubah link gambar yang bercetak tebal diatas sesuai gambar yang Anda inginkan, usahakan gambar di rezise terlebih dahulu menjadi lebih kecil ukurannya.

Pilihan Kedua. Tambahkan gadget JavaSript/ HTML kemudian simpan kode berikut. Tips ini akan berfungsi ketika Anda tekan F5 (Refresh)


<script type="text/javascript"> var background= new Array() background[0]="<b>URL gambar 1 backgraund anda</b>" background[1]="<b>URL gambar 2 backgraund anda</b>" background[2]="<b>URL gambar 3 backgraund anda</b>" var random=Math.floor<b>(3*Math.random())</b>; document.write("<style>"); document.write("body {"); document.write(' background:url("' + background[random] + '") repeat top center;'); document.write(" }"); document.write("</style>"); </script>

Ganti teks cetak tebal dengan link gambar Anda, jika ingin menambahkan gambar tinggal update background[3]"Url gambar 4" dan (3*Math.random()) dan seterusnya sesuai jumlah maksimal gambar yang tersimpan.

Sumber :www.uc1n.com/
               http://berbagi-kreativitas.blogspot.com