Cara Mengganti Background Blog Otomatis

Tweet

Hai Sobat! Postingan artikel kali ini adalah Mengganti Background blog Secara Otomatis.

Sebenarnya banyak sekali cara untuk mempercantik tampilan blog atau website kita. Salah satu untuk mempercantik blog kita adalah dengan merubah backround blog secara otomatis berganti ganti. Untuk merubah backround blog otomatis ini adalah menggunakan Sebuah Widget yang Berada Di Sidebar blog atau website kita. Jadi ibaratnya pengunjung kita biar gak bosan-bosan melihat blog kita warna itu melulu wkwk .

Berikut ini adalah Contoh Penampakan Widget untuk mengganti background blog secara otomatis.

Tampilan Wiget Tombol Background Otomatis

Sudah melihat penampakannya sobat? kalau sudah waktunya langkah-langkah cara membuatnya. Berikut ini adalah langkah-langkahnya!

• Seperti biasa Login Ke akun Blogger sobat.
• Pilih Rancangan
• Edit Laman
• Tambah Gadget
• Pilih HTML/JavaScript
• Masukan kode berikut pada kolom Konten

<div class="widget-content">

<center><b>Pilih Warna Kesukaan Anda</b></center>

<br/>

<script type="text/javascript">

function bgChange(bg)

{

document.body.style.background=bg;

}

</script>

<table border="1" width="100%" height="20">

<tbody><tr>

<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">

</td>

<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">

</td>

<td onclick="bgChange('#008080')" bgcolor="#008080">

</td>

<td onclick="bgChange('#808080')" bgcolor="#808080">

</td>

<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">

</td>

<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">

</td>

<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">

</td>

<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">

</td>

<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">

</td>

</tr></tbody></table>

</div>

Catatan: Silahkan sobat ganti teks yang berwarna merah sesuai dengan keinginan sobat.

Sedangkan Kode yang berwarna biru ganti dengan kode warna sesuai dengan keinginan sobat. jika sobat tidak tau kode warna silahkan sobat menuju Disini !

• Jika sudah selesai semua, silahkan sobat klik Save Widget .

Nah, Bagaimana sobat? cukup disini ya sobat tentang artikel diatas. semoga artikel diatas dapat mempercantik blogger sobat. Jangan Lupa Komentarnya sobat. Terima kasih atas perhatian sobat dan Salam Sukses.

Baca Juga Artikel Dibawah Ini!