Tips Mengganti Background Blog
·
Mengganti Warna Background
Untuk template minima klasik :
background:#fff;
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;}
8.
Jika sudah OK, klik tombol Simpan
Perubahan Template
9.
Selesai.
Untuk template minima baru :
2.
Klik menu Layout
3.
Klik menu Fon dan Warna
4.
Pada gambar teks area sebelah kiri, pilih
yang Warna latar Belakang Halaman (biasanya yg pertama sih
langsung ini, jadi tidak usah di pilih lagi)
5.
Klik warna yang sobat sukai pada gambar
warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah
bawah
6.
Jika merasa sudah cocok, klik tombol SIMPAN
PERUBAHAN
7.
Selesai.
Untuk cara
instalasinya, silahkan ikuti langkah-langkah berikut !
Untuk template minima klasik :
5.Tambahkan kode berikut pada style
sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :
body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
5. Jika sudah OK, klik tombol Simpan
Perubahan Template
6. Selesai.
Kode warna background sengaja tidak saya
hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal
di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna
background.
Untuk template minima baru :
2. Klik menu Layout
3. Klik menu Edit HTML
6. Tunggu beberapa saat sampai proses
selesai
body {
background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Untuk template minima klasik :
background:#fff;
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;}
Untuk template minima baru :
Untuk template minima klasik :
body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.
Untuk template minima baru :
body {
background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
