Dalam dunia blogger, mengganti sebuah background blog adalah salah satu langkah yang sangat perlu untuk kita ketahuai. Hal yang penting apabila anda berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan anda menjadi susah untuk di baca.
Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap.
Mengganti Background Kode Warna
1. Sign in/ masuk ke akun Blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Jangan lupa Copy seluruh kode Template, paste pada notepad lalu save untuk backup data
5. Cari Kode Html dibawah ini, kemudian Rubah kode warna template sesuai selera anda.
body {
background:#ffffff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;}
Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :
body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;}
6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah OK, klik tombol Simpan Perubahan Template
8. Selesai.
Mudah bukan????
Mengganti Background Dengan Gambar/ Image
Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk image biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap anda sudah bisa melakukannya. jika masih belum bisa silahkan anda cari tutorial tenang cara mengupload gambar tersebut.
Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja.
Contoh alamat gambarnya adalah :
http://4.bp.blogspot.com/-a7TElytKtj0/VPb1jmq5RTI/AAAAAAAAB7Q/6ZQ3HeZJPVo/s1600/0ri%2B960x139.png
Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !
1. Sign in
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
5. Tambahkan kode berikut pada style sheet css sobat.
body {
background:#fff url('http://4.bp.blogspot.com/-a7TElytKtj0/VPb1jmq5RTI/AAAAAAAAB7Q/6ZQ3HeZJPVo/s1600/0ri%2B960x139.png');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;}
6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah OK, klik tombol Simpan Perubahan Template
8. Selesai.
Kode warna background sengaja tidak saya hilangkan, agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.
Selamat mencoba !