Mengganti Background Blog Otomatis

Kali ini saya mencoba kembali memberitahukan kepada para pembaca mengenai tutorial blog yaitu Membuat warna Background Template bisa diganti otomatis oleh Para Pengunjung.

Lantas apakah bisa para pengunjung mengganti warna Background Templatenya? Tentu. Memang terkadang pengunjung merasa bosan dengan warna latar yang hanya berwarna Hitam atau Putih(Seperti Blog saya ini.. hehe3x).

Ingin cara buatnya? Silakan lihat contohnya terlebih dahulu dibawah ini. Klik salah satu warna yang anda inginkan. Dan lihat hasilnya.

Pilih Warna Background

Menarik bukan...?

Silakan ikuti Langkah-langkah dibawah yang tidak sulit untuk dipraktekkan:

Login ke Account Blogger Anda
Silakan Menuju ke Tata Letak/Layout
Add widget Template, Terserah dimana saja
Klik “HTML/Javascript”
Masukkan Script HTML di bawah Ini.

<div style="overflow:auto; width:100%; height:100%;margin-top:16px"> <script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> Pilih Warna Background <table border="1" width="300" height="20"> <tr> <td onclick="bgChange('')" bgcolor="white"></td> <td onclick="bgChange('#FAFAD2')" bgcolor="#FAFAD2"></td> <td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C"></td> <td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF"></td> <td onclick="bgChange('#98FB98')" bgcolor="#98FB98"></td> <td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6"></td> <td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA"></td> <td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9"></td> <td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB"></td> <td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA"></td> <td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3"></td> <td onclick="bgChange('#000000')" bgcolor="#000000"></td> </tr> </table> </div>

Klik Simpan

Jika anda ingin mengganti/menambahkan warna yang ada diatas, Tinggal anda ganti saja kode Warnanya. Kode warna berformat seperti #000000.

Jika Ingin menambahkan warna, Tambahkan