Mengganti Background Template Blog

Mengganti Background Template Blog - Jika ingin mengganti background template pada blog ada dua pilihan yang masing-masing caranya hampir sama. Anda tinggal pilih mengganti dengan background warna atau dengan gambar/image. Jika ingin mengganti dengan warna sobat tinggal masukkan kode warna menurut selera Anda.

Sedangkan untuk gambar Anda harus siapkan alamat gambar/image yang sudah terupload ke tempat hosting di mana Anda menyimpan gambar/image.Dengan ukuran gambar cukup kecil saja. Jika Anda belum jelas bagaimana cara memasukkan kode warna dan alamat gambar/image bisa ikuti cara di bawah ini:

Untuk mengganti background warna pada template klasik:

• Masuk ke blog
• Pilih tata letak.
• Klik edit HTML.
• Untuk antisipasi backup template dulu.
• Cari kode css seperti di bawah ini:

body { background:#fffff;

margin:0;

color:#333333;

font:x-small Georgia Serif; font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

• Ganti kode yang berwarna merah dengan kode warna yang Anda inginkan,misal dengan warna kuning kodenya seperti ini: #FFFF33
• Maka hasilnya:

body { background:#FFFF33;

margin:0;

color:#333333;

font:x-small Georgia Serif; font-size/* */:/**/small;

font-size: /**/small; text-align: center;

• Agar pengunjung tidak susah untuk membaca sesuaikan warna backround dengan warna tulisan Anda.
• Jika sudah klik save.
• Lihat hasilnya.

Untuk mengganti background pada template baru:

• Masuk ke blog.
• Pilih tata letak.
• Klik edit HTML.
• Untuk antisipasi backup template dulu.
• Beri tanda centang pada expand template widged.
• Cari kode css seperti di bawah ini:

body { background:$bgcolor;

margin:0;

font:x-small Georgia Serif;

color:#333333;

font-size/* */:/**/small;

text-align: center;

• Tambahkan alamat gambar pada kode warna merah,hasilnya seperti di bawah ini:

body { background:$bgcolorurl ('http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg');

margin:0;

font:x-small Georgia Serif;

color:#333333;

font-size/* */:/**/small; font-size: /**/small;

text-align: center;

• Simpan template
• Lihat hasilnya