Coba yang ini

Search

Cara Mengganti Warna Background

Setiap kali mengunjungi blog orang lain tentu ada sesuatu yang lain yang bisa kita perbandingkan dengan blog kita. Yang paling menonjol adalah warna background yang didtampilkan. Bagi blogger baru tentu ingin sekali kalau bisa merubah background dengan design sendiri. Nah disini ada beberapa tip yang bisa dipakai untuk merubah warna background.

Mengganti Warna Background

Untuk template minima klasik :

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. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :


 body { 
 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; 
 } 

6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.


Untuk template minima baru :

1. sign in

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.



Mudah bukan?


Mengganti Background Dengan Image

Untuk mengganti background dengan image yang pertama tentu harus mempunyai file image tersebut. Setelah itu anda harus menguploadnya pada situs yang biasa sobat pakai. Kalau belum punya ini ada alamatnya silakan sobat kunjungi dan tentu harus regester dulu. (www.photobucket.com ).

Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !

Untuk template minima klasik :

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 (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 :

1. Sign in


2. Klik menu Layout


3. Klik menu Edit HTML


4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data


5. Klik kotak kecil di samping tulisan Expand Template Widget


6. Tunggu beberapa saat sampai proses selesai


7. 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; 
  


8. Klik tombol Pratinjau untuk melihat perubahan


9. Bila sudah OK, klik tombol SIMPAN TEMPLATE


10. Selesai.



Selamat mencoba !