Cara Mengganti Background blog menjadi images

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 :

1. Sign in terlebih dahulu
   
   
2. Klik menu Template
   
   
3. Klik menu Edit HTML
   
   
4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data, untuk jaga -jaga jika terjadi error.
   
   
5. Tambahkan kode berikut pada style sheet css anda
Nb: yang warna merah adalah kode yang harus di tambahkan

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

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

Untuk template baru :

1. Sign in dulu
   
   
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 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; }

   
   
   
8. Klik tombol Pratinjau untuk melihat perubahan
   
   
9. Bila sudah OK, klik tombol SIMPAN TEMPLATE
   
   
10. Selesai.

Jika temen -temen kurang paham tentang cara menganti warna backround blog temen - temen bisa tanya...:) Selamat mencoba !

Terimakasih sudah mengunjungi blog ini... :D