Cara Mengganti Background Blog Otomatis

Cara Mengganti Warna Background Blog Otomatis – Banyak cara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background otomatis ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga ngga bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan kenyamanan sehingga mereka betah berlama-lama membaca  di blog kita. Contoh penggunaan widget pengganti warna background blog otomatis ini dapat sobat lihat langsung di sidebar blog ini.

Cara Mengganti Background Blog :

1.       Login ke dashboard blogger anda.

2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

3.       Copy script yang ada dibawah ini dan paste pada gadget.

<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>

4.       Silahkan sobat edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.

5.       Save / Simpan.

Mudah dan gampang bukan ? Pada widget pengganti warna background ini hanya ada 9 pilihan warna background, jika sobat ingin menambahkannya copy saja kode yang terakhir sehingga kolom warna akan bertambah. Kalau masih bingung, baca lagi postingan sebelumnya tentang cara membuat tabel dan kolom. Semoga tips Cara Mengganti Warna Background Blog ini bermanfaat untuk anda.

Read More

Cara Memberi Background pada Arsip Blog

Hai sobat blogger..  Bosan dengan tampilan default arsip blog blogspot?? mau tampilan arsip blog yang lebih keren?? Kali ini saya akan memposting bagaimana cara membuat atau memasang background pada arsip blog. Bisa juga sobat gunakan pada daftar link teman, Label/kategori atau apapun di blog sobat. Contohnya sobat bisa lihat pada arsip blog di blog ini.


Berbeda dengan cara yang lain yang mengharuskan sobat men centang kotak expand template widget, kali ini sobat hanya harus meletakkan beberapa kode di atas kode ]]></b:skin>. Penasaran?? ikuti langkah - langkah berikut:

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML.
3. Letakkan kode berikut di atas kode ]]></b:skin>.

#BlogArchive1 .widget-content{height:200px;background:url(http://i1108.photobucket.com/albums/h405/christian410/renderNarutoAkatsukiKyubi-1.png)no-repeat; width:100%; font-weight:bold; overflow:auto}

4. Simpan template.

Tambahan:
Kode 200 bisa di seduaikan dengan keingin sobat.
Kode yang berwarna biru bisa di ganti dengan URL gambar sobat.
Kode width 100% bisa di ganti dalam bentuk px ( pixel ) sesuai dengan ukuren sidebar atau footer sobat.

Semoga Membantu

Read More