Cara Mengganti Background Blog dengan Gambar
Adakalanya kita ingin membuat blog yang lebih personal dengan membuat atau mengganti background yang sesuai dengan keinginan kita. Blog yang ada di blogger atau blogspot bisa diganti backgroundnya dengan gambar atau foto.
Untuk mengganti background blog dengan gambar, tentu yang perlu disiapkan terlebih dahulu adalah foto yang sudah diupload dan dihosting. Ukurannya pun perlu dipertimbangkan agar menghasilkan tampilan blog yang maksimal.
Cara Mengganti Background Blog dengan Gambar
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode body{
4. Ganti kode diatas dengan koe berikut berikut di atasnya
5. Ganti alamat url gambar dengan alamat gambar background yang telah kamu host.
6. Simpan template jika sudah selesai.
Untuk gambar atau foto usahakan ukuran filenya yang tidak terlalu besar. Ini supaya blog tidak menjadi berat atau lama dimuat. Untuk membuat gambar tampil penuh, kita bisa menyisipkan tag repeat, sehingga menjadi seperti ini:
Untuk mengganti background blog dengan gambar, tentu yang perlu disiapkan terlebih dahulu adalah foto yang sudah diupload dan dihosting. Ukurannya pun perlu dipertimbangkan agar menghasilkan tampilan blog yang maksimal.
Cara Mengganti Background Blog dengan Gambar
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode body{
4. Ganti kode diatas dengan koe berikut berikut di atasnya
body{background-image: url(alamat url gambar);
5. Ganti alamat url gambar dengan alamat gambar background yang telah kamu host.
6. Simpan template jika sudah selesai.
Untuk gambar atau foto usahakan ukuran filenya yang tidak terlalu besar. Ini supaya blog tidak menjadi berat atau lama dimuat. Untuk membuat gambar tampil penuh, kita bisa menyisipkan tag repeat, sehingga menjadi seperti ini:
body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxLZAx07ceBYm449htucF8tf47S1gv_F4G0hmMI_UgU9Kr6c40lE3zmPr3rsxBX-rSx9MVymS2Su5dY72gjjVMyo_p_cNXlOUWW93zen7iOsqeMdt9hYa16LszR-4plOokO3hMkqfTADz/s1600/JGS_AbstractBlueBackground_TH.jpg);background-position:top left;background-repeat: repeat-x repeat-y;}