mengganti background templet blog

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

sedangkan untuk gambar sobat harus siapkan alamat gambar/image yang sudah terupload ke tempat hosting di mana sobat menyimpan gambar/image.Dengan ukuran gambar cukup kecil saja. Jika sobat 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 sobat.

• 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 sobat 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 sobat.

• Jika sudah klik save.

• Lihat hasilnya.

Untuk mengganti background gambar/image pada template klasik:

Misal di sini saya punya alamat gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2vm9rgf9MbffwJ_GRQfua7AelPNJSBe5_H1qQHrJSrtucf51AtzGFMjQUxbNmA9DcumA9_Y0IuQZe4MND9B60s7YqTwVzUgSYieMyyRQvFNL04axlnRp5FaJ2mpB13k_hMYVqVQtD7S2/s1600/1149867895gO8DdE.jpg Dengan ukuran seperti ini:

Maka tambahkan alamat tersebut pada kode di atas,hingga hasilnya seperti di bawah ini: body { background:#ffffff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2vm9rgf9MbffwJ_GRQfua7AelPNJSBe5_H1qQHrJSrtucf51AtzGFMjQUxbNmA9DcumA9_Y0IuQZe4MND9B60s7YqTwVzUgSYieMyyRQvFNL04axlnRp5FaJ2mpB13k_hMYVqVQtD7S2/s1600/1149867895gO8DdE.jpg'); margin:0; color:#333333; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;

Untuk mengganti background pada template baru:

• Masuk ke blog sobat.

• 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 ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2vm9rgf9MbffwJ_GRQfua7AelPNJSBe5_H1qQHrJSrtucf51AtzGFMjQUxbNmA9DcumA9_Y0IuQZe4MND9B60s7YqTwVzUgSYieMyyRQvFNL04axlnRp5FaJ2mpB13k_hMYVqVQtD7S2/s1600/1149867895gO8DdE.jpg'); margin:0; font:x-small Georgia Serif; color:#333333; font-size/* */:/**/small; font-size: /**/small; text-align: center;

• Simpan template

• Lihat hasilnya

Anda baru saja membaca artikel tentang - mengganti background templet blog. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)