Cara Mengganti Gambar Background Blog di Blogger/Blogspot

Memperindah blog ternyata juga merupakan hal yang menyenangkan, alasannya yakni kustomisasi blog memang sangat diharapkan biar blog tampak lebih personal dan unik. Nah salah satu cara membuat blog tampak beda dengan yang lain yakni dengan mengubah background blog. Untuk mengganti gambar background blog ibarat yang diinginkan, berikut 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 > Template

2. Klik Edit HTML

3. Arahkan dan klik kursor di dalam area template editor, lalu tekan Ctrl+F

4. Cari arahan CSS ini: body{ dengan cara memasukkannya ke dalam kotak pencarian dan tekan enter.

Atau mampu juga dengan mencari arahan selengkapnya/menambahkan arahan setelah body { ibarat 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

Yang perlu diperhatikan yakni ukuran gambar anda, usahakan untuk tidak menggunakan gambar dengan byte yang besar, usahakan di bawah 50 Kb, biar tidak membuat loading berat dan lama.
Gambar memiliki ukuran pixel yang berbeda-beda. Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah. Untuk membuat gambar background penuh diharapkan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y. Berikut pola 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}

biar gambar juga mengisi sampai ke bawah (hingga footer halaman), tambahkan repeat-y sempurna 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 arahan 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

Yap, sekian trik simpel mengenai cara mengganti background blog.
mencuri yakni pekerjaan pengecut! © buka-rahasia.blogspot.com