Nih yang we kasih tutorialnya . Opps . tutorial dibawah ini gwe dapet dari blog kang rohman maaf ya cuman bias copast alias copy paste
Langkah pertama dan utama ialah cari gambar yang bersahabat dengan template yang ente miliki . kalau tidak mecing sama template nya bakalan kliatan aneh hasilnya . So ini tutorialnya.
Tapi kamu bisa juga mengcopy URL si gambar yang di dapat dari gambar oranglain bukan milik kita
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.
Sebuah hasil ialah buah dari usaha kita...
Mengganti Warna Background
Untuk template minima klasik :
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;
}
Jika sobat kebingungan tentang kode warna, sobat bisa menggunakan bantuan program photoshop, kapan-kapan akan saya posting khusus tentang bagaimana cara mengetahui kode warna.
Untuk template minima baru :
Mudah bukan?
Mengganti Background Dengan Image
Kalo untuk menggunakan image sendiri kalian harus pakai webhosting seperti ripway, photo bucket,dll buatlah akun di sana dan upload file anda
Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !
Untuk template minima klasik :
body {
background:#fff url('URL gambar');
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 :
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;
}
Monday, November 17, 2008
Mengganti Backgroud Blog
Sign in
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode 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) :
Klik tombol Pratinjau untuk melihat perubahan
Jika sudah OK, klik tombol Simpan Perubahan Template
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
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) :
Klik tombol Pratinjau untuk melihat perubahan
Jika sudah OK, klik tombol Simpan Perubahan Template
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) :
Klik tombol Pratinjau untuk melihat perubahan
Bila sudah OK, klik tombol SIMPAN TEMPLATE
2 comments:
kalo untuk xml bsa gak
:))
Post a Comment