CARA-MENGGANTI BACKGROUND BLOG-TIPS

CARA-MENGGANTI BACKGROUND BLOG-TIPS. Memodifikasi template blog memang mengasyikkan walaupun terkadang memusingkan dan membuat anda seolah kenyang terus hingga lupa makan. Berikut adalah salah satu tips yang akan saya share di sini, yaitu cara mengganti background blog agar terlihat indah sesuai dengan keinginan dan selera anda. Namun harap diperhatikan, background blog yang mempunyai ukuran resolusi besar membuat loading blog menjadi berat dan lama, usahakan di bawah 50 Kb. Atau anda bisa menggunakan trick background blog dengan cara pengulangan ke kanan/samping: repeat-x, dan ke bawah: repeat-y. Berikut contoh untuk pengulangan ke kanan/samping :

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}

Nah agar background anda 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, hal ini biasanya jika anda menggunakan gambar background dengan gambar utuh satu halaman.

contoh :

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

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

Adapun langkah-langkah cara mengganti background blog adalah sbb :

1. Silahkan login ke akun blogger anda, kemudian menuju ke dashboard lalu pilih tab menu design.
2. Kemudian pilih Edit HTML
3. Untuk berjaga-jaga jika terjadi kesalahan, centang expand widget template di sebelah kanan atas template HTML.
4. Kemudian anda cari kode tag ini: body{ , jika sudah ketemu ganti kode di depan body{ hinga mempunyai susunan seperti berikut ini :

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

5. Ganti alamat url gambar anda dengan alamat gambar background yang telah anda titipkan di host.
6. Silahkan preview halaman blog anda, jika tidak terjadi masalah silahkan Save template anda.

Share :