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:

  1. Login ke Account Blogger Anda
  2. Silakan Menuju ke Tata Letak/Layout
  3. Add widget Template, Terserah dimana saja
  4. Klik “HTML/Javascript”
  5. Masukkan Script HTML di bawah Ini.
    6. <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 
    <td onclick="bgChange('#Kode Warna')" bgcolor="#Kode Warna"></td>
    sebelum kode
    </tr>
    </table>
    </div>

    Silakan Mencoba!

    Tags :

    Tidak ada komentar:

    Posting Komentar

    Langganan: Posting Komentar (Atom)