Mangganti Background Blog Dengan Gambar

Oke kali ini saya bakalan berbagi pengetahuan ni.
Seperti yang telah diketahui salah satu cara membuat blog dengan banyak trafic/pengunjung adalah dengan memberikan kenyamanan pada pengunjung blog kita and tentunya dengan tampilan yang enak dipandang.
Nah sebenarnya buanyak faktor-faktor lain yang akan sangat mempengaruhinya, namun kali ini saya akan sedikit membahas tentang bagai mana mengganti tampilan background kita.
nah Langsung saja kita menuju Ke TKP.

• Pertama-tama silahkan login dulu ke akun blogger sobat and setelah login akan muncul gambar seperti di bawah ini.

• Silahkan klik pada nama/Judul blog Sobat seperti yang saya perlihatkan di gambar atas.

• Akan muncul banyak pengaturan2/ menu-menu, silahkan dilihat di bawah ini

• Untuk mengganti Background Pilih pada bagian Template seperti yang di tunjukkan di gambar atas.

• Next kita pilih Sesuaikan (Jika sobat masih menggunakan Template/tema asli dari blogger maka fungsi ini masih bisa di gunakan karena jika anda mendownload / memasang template hasil modifikasi ya dengan di sayangkan fitur ini tidak banyak membantu, Tenang saja saya akan menjelaskan cara lain untuk mengganti background setelah saya jelaskan dulu yang satu ini hehehe.

Akan keluar gambar di bawah ini

• Pilih Latar belakang  Klik Pada bagian Gambar Latar lalu akan muncul kotak pop u.

1. Silahkan pilih gambar atau desain yang anda senangi Anda juga bisa mengunggah gambar yang tersimpan di komputer anda
2. unggah gambar
3. pilih file
4. open

• jika sudah silahkan klik tombol Selesai

• NB: Anda dapat mengunggah file JPG, GIF, atau PNG berukuran hingga 300k.

• Untuk latar belakang penuh, gunakan gambar 1800x1600 atau lebih besar. usahakan ukuran gambar yang anda gunakan tidak terlalu besar, usahakan di bawah 50 Kb, agar tidak membuat loading berat dan lama.

Nah cara kedua ini ditujukan bagi mereka mereka yang telah memasang template hasi dari modifikasi sendiri atau dari situs pembuat template / tema Blog.

Langsung saja kita mulai.
Lihat kembali pada gambar ke dua (ada baiknya sebelum anda melakukan perubahan anda back up dulu html template anda, caranya klik Cadangkan / Pulihkan letaknya ada di kanan atas sob, Kemudian pilih Unduh Template lengkap)
selanjutnya pilih Edit Template akan muncul seperti ini, Lihat gambar di bawah ini

 

• Pertama kita harus mencari kode-kode yang akan kita edit.

• Caranya tekan CTRL+F dan carilah kode seperti ini : body atau #body atau .body 3

• Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :

body { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#CCDEE8 none repeat scroll 0 0; color:#333333; font-family:Georgia Serif; font-size:small; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0; text-align:center; } atau bentuk sederhananya seperti ini

body{ background:#d2d2c0; color:#2226aa; font:14px verdana,arial,Sans-serif; text-align:justify; margin:0; }
Setelah ketemu, Anda tinggal menambahkan kode dibawah ini setelah background :

url('url link gambar yang ingin dijadikan background') repeat-x;

Sehingga menjadi

body{ background:#ded8c0 url('url link gambar yang ingin dijadikan background') repeat-x; color:#2226aa; font:14px verdana,arial,Sans-serif; text-align:justify; margin:0; }

• Klik Pratinjau untuk melihat hasilnya dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan yang Anda inginkan.

Selesai deh hehehe Gampang kan? Selama kita terus belajar and mencari pasti bisa dehhh jangan malu bertanya sob silahkan berkomentar nanti kita sama sama belajar.
Sudah cukup dulu sob capek ni hehehe SALAM BLOGGER.