Selasa, 23 Agustus 2011

Mengganti warna latar belakang posting

# Mengganti Warna Background

Untuk template minima klasik :

  • Sign in
  • Klik menu Template
  • Klik menu Edit HTML
  • Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
  • Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :
body {
background:#ffffff;
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 :
  • sign in
  • Klik menu Layout
  • Klik menu Fon dan Warna
  • Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)
  • Klik warna yang sobat sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah
  • Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN
  • Selesai.
Mudah bukan?
# Mengganti Background Dengan Image

Untuk template minimal klasik :

  • Sign in
  • Klik menu Template
  • Klik menu Edit HTML
  • Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
  • 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;
}

6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah OK, klik tombol Simpan Perubahan Template
8. Selesai.

Untuk template minima baru :

  • Sign in
  • Klik menu Layout
  • Klik menu Edit HTML
  • Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
  • Klik kotak kecil di samping tulisan Expand Template Widget
  • Tunggu beberapa saat sampai proses selesai
  • Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :
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;
}
  • Klik tombol Pratinjau untuk melihat perubahan
  • Bila sudah OK, klik tombol SIMPAN TEMPLATE
  • Selesai.


Tidak ada komentar:

Posting Komentar