Cara Mengganti Background Blog dengan Gambar

Pada template blog,khususnya template blogger atau blogspot, warna background pada blog dapat kita ganti dengan sangat mudah sesui dengan gambar yang kita inginkan. nah bagaimana cara mengganti background blog dengan gambar? ikuti tutorial SurouAwwabi berikut :

Berikut langkah - langkahnya :

• Login ke Blogger.
• Klik Tata Letak --> Edit HTML.
• Kemudian cari kode yang mirip seperti ini :
  body { background: #FFFFFF;
  margin:0; color:#000000;
  font:12px trebuchet ms;
  text-align: center }
  
  Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas.
  
• Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :
  body { background: #D8D8D8;
  margin:0; color:#000000;
  font:12px trebuchet ms;
  text-align: justify }
• Untuk mengganti background dengan image atau gambar, misalnya gambar yang sudah saya simpan di photobucket seperti gambar di atas, kode url-nya seperti ini : 

          http://i1094.photobucket.com/albums/i460/SurouAwwabi/Umroh%20Maret%202010/coba1.jpg

• Sehingga hasilnya menjadi seperti berikut ini :
  
  body { background:#FFFFFF url(http://i1094.photobucket.com/albums/i460/SurouAwwabi/Umroh%20Maret%202010/coba1.jpg) repeat-x;
  margin:0; color:#000000; font:12px trebuchet ms;
  text-align: justify}
• Jika sudah selesai kemudian Simpan Template sobat.

Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar.

Posted in: Tutorial