Bagaimana cara menganti warna backround blog agar dirubah menjadi background images atau gambar. Nah sekarang kita akan bahas bersama-sama, Sebelumnya anda harus mengUpload file gambar terlebih dahulu, jika kurang paham silahkan baca tentang pembasan memasang gambar. Didalam pembuatan background ini, temen - temen bisa mengunakan file gambar apa saja , dari Jpg, Png, Gif dll. Intinya temen - temen bisa menggunakan Photo, images atau pun gambar beranimasi.
Jika temen - temen hanya inggin menampilkan image biasa, temen - temen tidak usah membuatnya dalam bentuk yang sangat besar, temen - temen hanya memebutuhkan gambar ukuran kecil karna nanti gambar akan di tampilkan dalam jumlah yang sangat banyak atau menduplikat sendiri hingga memenuhi layar monitor.
Tips:
1. Buatlah warna background sesederhana mungkin.
2. Agar cepat saat proses load jangan menggunakan animasi yang berlebihan.
Alamat gambarnya adalah :
http://i396.photobucket.com/albums/pp48/putro16/go.jpg
gambarnya seperti ini :
Silahkan ikuti langkah-langkah berikut :
Untuk template klasik :
- Sign in terlebih dahulu
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kede Template, paste pada notepad lalu save untuk backup data, untuk jaga -jaga jika terjadi error.
- Tambahkan kode berikut pada style sheet css anda Nb: yang warna merah adalah kode yang harus di tambahkan
- Klik tombol Pratinjau untuk melihat perubahan
- Jika sudah OK, klik tombol Simpan Perubahan Template
- Selesai.
| body { background:#fff url('http://i396.photobucket.com/albums/pp48/putro16/go.jpg') ; (ganti) margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; } |
Untuk template baru :
- Sign in dulu
- 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 nya.Nb:yang warna merah adalah kode yang harus di tambahkan:
body {
background:$bgcolor url('http://i396.photobucket.com/albums/pp48/putro16/go.jpg') ;
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.
