cara menganti background versi 2

Postingan ini sebagai rincian dari postingan saya sebelumnya : http://rhienayups.blogspot.com/2010/03/menganti-background-template-blog.html. Ada beberapa teman blogger yang meminta ulasan lebih rinci bagaimana cara menganti background. Caranya gampang koq. Ok kita mulai aja ya :

1. Login akun kamu di blogger.com

2. Pilih gambar yang kamu suka. Ngak perlu gambar besar, cukup gambar kecil dengan ukuran sekitar 130px x 130px atau lebih kecil dari ukuran tersebut, atau kamu bisa mengambil gambar ini :

   

3. Upload gambar tadi ke website yang dapat menerima upload dan memberikan kode url dari gambar yang akan kamu upload. Ada banyak website yang menyediakan sarana upload gratis. Ngak perlu bingung- bingung koq. Kamu bisa upload gratis di website seperti tinypic.com. Bagaimana cara upload gambar? kamu bisa lihat caranya di http://rhienayups.blogspot.com/2011/07/cara-mengupload-gambar-ke-internet.html

      

4. Copy url yang berada pada "Direct Link for Layout "seperti gambar diatas.

5. Kembali ke blogger.com pada bagian Dashboard klik Design.

    

6. Klik Edit HTML

7. Untuk meminimalisir kesalahan jangan lupa copy kode template kamu y!!!. Nah sekarang kamu sudah berada pada kode CSS template blog kamu. Disini kita akan bermain kode css. Ngak perlu takut koq bagi kamu yang masih awam dengan kode ini. Caranya cukup mudah tekan ctrl + f pada keyboard kamu, seperti gambar dibawah ini dan ketikan "body{"

8. Setelah mengetikan sintak body maka kita akan dialihkan ke kode body. Mungkin kita akan dialihkan dengan begitu banyak kode body. Disini carilah kode body yang berdiri sendiri seperti "body{", atau  biasanya terdapat komen CSS yang tertulis seperti <---body---> maka disitulah  terdapat selector body. Kira-kira kodenya sebagai berikut :

9. Setelah mendapatkan selector body maka kita tinggal menganti sintak background yang terdapat pada kode body tersebut dengan alamat url dimana letak gambar yang sebelumnya telah kita upload. Pada bagian "background:" ganti dengan background:url(alamat  url gambar yang kamu upload tadi).contoh :

              body{

                     background:url(http://alamatURLYangKamuUpload);

                 }

** Pada url ganti dengan alamat url yang telah kita kopi sebelumnya.

** Jika tidak ada kode "background" pada body, maka tambahkan kode background di dalamnya.

** Disini anda hanya menambahkan kode background pada body. Tidak menghapus kode lainnya yang terdapat pada body!!!

10. Tahap terakhir kamu tingal klik save template. Siap dech template blog kamu dengan background yang kamu sukai.

jika ada kendala silahkan komen aja y ..smoga bermanfaat.