Cara Mengganti/ Merubah Background Template Blogger

Template Blog adalah sarana visual yang sangat penting bagi blog. dengan tampilan  blog yang bagus dan easy looking maka pengunjung akan lebih betah di depan blog anda. selain tehnik SEO yang sering dilakukan dalam peningkatan visitor tampilan background sebuah blog juga tidak kalah pentingnya. Tema Background blog yang sesuai akan sangat bermanfaat. terutama untuk mata.. hehehe.. tapi meski kita tahu hal itu namun hal yang paling mendasar sebagai alasan orang tidak mengganti tampilan background blog alias default adalah memang karena kita tidak bisa dan tidak tahu cara mengganti atau merubah tampilan background blog khususnya blogspot atau blogger. untuk itu sarana belajar dan berkreasi akan sedikit memberikan tutorial yang pasti membantu tentunya. langkah-langkah cara mengganti atau merubah background blogger adalah sebagai berikut :
1. Login ke Blogger : Tuliskan User Name atau Email Address dan Password (Sandi).
2. Dasbor : Ini adalah halaman pertama yang kita jumpai setelah login. KLIK link Design (Rancangan).
3. Design (Rancangan) : Setelah memasuki halaman ini, jangan berhenti di Page Element (Elemen Laman), tetapi lanjutkan KLIK link Edit HTML.
4. Back Up (Amankan Template) : Sekali lagi ini adalah sebuah prosedur standart yang memang harus dilakukan ketika tengah dilakukan modifikasi atau perubahan desain blog.
5. Download Full Template (Download Template Lengkap) : KLIK link Download Full Template (Download Template Lengkap).
6. SAVE (Simpan) : Save (Simpan) file template sampeyan di folder PC. Silahkan beri nama file ini untuk memudahkan mengingat. File tersimpan akan berekstensi .xml.
7. Tetap di Edit HTML : cari kode html di bawah ini (untuk memudahkan tekan ctrl + F):

<Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)"

8. Kode html ini masih ada lanjutannya, sedang posisi kode terletak di bagian atas pada "Variable definitions".
9. Background Image : cari background image dari kode html di atas. Bentuknya seperti ini :

value="#xxxxxx url(http://themes.googleusercontent.com/image?id=.......)

10. Kode ini terdiri dari :
- background color (#xxxxxx) dan
- background image (http://themes.googleusercontent.com/image?id=.......) ini adalah kode kelanjutan dari kode html di atas.
11. ganti url dengan yang baru : Ganti background image (http://themes.googleusercontent.com/image?id=.......) tersebut dengan yang baru.
12. SAVE Template (Simpan Template) : KLIK "SAVE Template".

Catatan :
kode gambar background harus berupa url. salah satu cara yang mudah untuk membuat url gambar adalah dengan cara memposting gambarnya tapi tidak usah dipublikasikan alias taruh di draft saja. setelah di upload kalian bisa merubah tempat postingannya ke format html. nah... maka akan terlihat url gambarnya. kemudian copy paste url gambarnya saja seperti cara diatas. oke.. semoga bermanfaat. salam blogger..

1 comment:

  1. salam http://muhzaen.blogspot.com

    Salam blogger Jepara

    ReplyDelete