Mengganti Background Blogspot

Teman - teman blogger pasti ingin tampilan blognya menarik, tapi bagi yang pemula pasti bingung tentang memperindah halaman blog anda. Nah, kali ini saya akan membantu sedikit, ini langkah-langkahnya :

(Sebelum anda mengganti warna/gambar background dengan gambar bakcground baru, pastkan  telah menemukan/memiliki gambar background dan menghosting-nya sendiri).

1. Masuk ke dashboard anda dan pilih tab menu design/rancangan.

2. Pilih Edit HTML

3. Centang expand widget template di sebelah kanan atas template HTML.

4. Kemudian anda cari kode tag ini: body{ (gunakan Ctrl+F untuk mencari dengan cepat)

    Atau bisa juga dengan mencari kode selengkapnya/menambahkan kode setelah body { seperti berikut:

 

 body{background-image: url(alamat url gambar anda)

5. Ganti alamat url gambar anda dengan alamat gambar background yang telah anda host.
6. Save template

Saran saya pilih gambar yang ukuran maksimal 50 kb, soalnya kasian pengunjung blog dengan jaringan lambat karena load page nya bakalan berat.Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah. Untuk membuat gambar background penuh diperlukan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y. Ni kodenya :

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x; ....dst}

agar gambar juga mengisi hingga ke bawah (hingga footer halaman), tambahkan repeat-y tepat disamping repeat-x. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: repeat-x repeat-y; ....dst}

Jika anda tidak ingin gambar anda berulang baik ke kiri atau ke bawah, cukup gunakan kode no-repeat. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: ; ....dst

Pusing brooo ?!!! Mudahan tidak. nah...cukup disini tips soal header blog backgroun kunjungi artikel yg lainnya. Selamat NGE-bloggg !!!