Penampilan warna dari background blog dapat kita ubah sesuai dengan warna yang kita inginkan. Hanya saja perubahan background itu jangan sampai tulisan pada blog menjadi sulit dibaca oleh pengunjung.
Selain pengantian warna, background juga dapat anda ganti dengan image. Tentu saja image tersebut merupakan image yang anda sukai dan cocok untuk warna latar blog anda.
Caranya mudah karena kode yang diubah sangat sederhana.
Ikuti langkah-langkahnya :
Mengganti warna Background
- Sign ke Blogger.
- Pilih Rancangan.
- Pilih Edit HTML.
- Back up dulu templatenya.
- Cari kode seperti dibawah ini :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Gantilah kode yang berwarna kuning dengan kode warna yang anda inginkan. Misalnya warna biru tua (dipakai backgroud EPG Studio) kodenya : #000033. - Kode diatas setelah dimasukan kode warna akan menjadi seperti ini.
body {
background:#000033;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
} - Klik tomol Simpan Template...Lihat blog anda sekarang.
Mengganti Background dengan Image.
Pertama, anda harus memiliki sebuah image yang akan dijadikan background blog anda. Ubah ukuran gambar menjadi besar (lebar=1704 pixel dan tingginya=886 pixel)
Uploadlah gambar tersebut ke tempat penyimpanan image. Copylah URL dari image tersebut.
URL gambar diatas penampilannya seperti ini :
Setelah anda memiliki URL image, kembali pada langkah seperti cara diatas hingga sampai pada kode ini.
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}Tambahkan alamat URL tadi diujung kode yang berwarna putih. Jadinya seperti ini :
body {
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ElznYHJnGJEl3FsTdFVukW8EmHQhzu-JQ0nv9s14d-BXzX_5iC93Q0O7ud-Juc2PfgYOSvDY2aP93jSvVioECSWg1-GTEy1nnQidDLg4sIFf1o3d1nWQPZo2s5wbIzMylNDwjKqvIE7c/s1600/Sumiharjon+simbolon.jpg?imgmax=100%) repeat-x fixed top center;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}Gambar yang ditampilkan pada tips ini walaupun satu gambar akan memenuhi latar blog anda dengan syarat ukuran gambar harus besar (1704 pixel X 885 pixel)
Klik tombol Simpan Template..lihat perubahan blog anda.
5 komentar on MENGGANTI BACKGROUND BLOG DENGAN IMAGE :
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
Informasi yang sangat bermanfaat sekali.
Ukuran gambarnya berapa ya ??
jos gandoos gan
bagus min, makasih sudah berbagi..
desk lamp
Post a Comment and Don't Spam!