Animated Swinging Skull
Selamat Datang Di Blog Hadzone Comunity

Selasa, 11 Maret 2014

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


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/AVvXsEidt3Dc_65kwsdQ62ZqlU4gqE79arVM3gRAKdjnwFjMj-BHqzzsDBFN8qrkqCdyG1uTIGSqrdUp1KUORGS0-5VRF7l9ee8GADNqclMYRFKJdDl5uUQew6pPOQGM3wiRPyU9a1zOHS2YgUjC/s1600/JGS_AbstractBlueBackground_TH.jpg);background-position:top left;background-repeat: repeat-x repeat-y;}

Tidak ada komentar:

Posting Komentar

 

Welcome Hadzone Comunity

Terima Kasih karena anda telah mengunjungi Blog ini

Silahkan Login

Tutorial Blog

Member Login

Lost your password?

Not a member yet? Sign Up!