Pembahasan kali ini tentang Cara Mengganti Background Blog dengan Gambar, dan Berikut ini langkah-langkah cara mengatur background gambar berada pada tempatnya di blogspot.
Login ke blogger
Rancangan
Edit HTML
Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body {
Nah di sana terdapat kode background,
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHR9EptyjNiZmPwchPrHn2FZiqCqCBebPdA6stCwR7gnfM14pgJp8fO6pQyiQUbMUL6nR8EjV8lTgb_e68q6IOCKiiaoZaurV6bClCY2__RAfZ7K1liqu7TLjoWO6Gmu15nKggZZzkCqI/s1600/splats.jpg
Maka kalian cukup menambahkan url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHR9EptyjNiZmPwchPrHn2FZiqCqCBebPdA6stCwR7gnfM14pgJp8fO6pQyiQUbMUL6nR8EjV8lTgb_e68q6IOCKiiaoZaurV6bClCY2__RAfZ7K1liqu7TLjoWO6Gmu15nKggZZzkCqI/s1600/splats.jpg) repeat-x; pada background tersebut.
Jadi :
body {
font: $(body.font);
color: $(body.text.color);
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHR9EptyjNiZmPwchPrHn2FZiqCqCBebPdA6stCwR7gnfM14pgJp8fO6pQyiQUbMUL6nR8EjV8lTgb_e68q6IOCKiiaoZaurV6bClCY2__RAfZ7K1liqu7TLjoWO6Gmu15nKggZZzkCqI/s1600/splats.jpg) repeat-x top left fixed;
}
Tips yang lain, Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;
Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubahrepeat-x; menjadi repeat scroll 0 0;
Sumber dari mana-mana.
Tidak ada komentar:
Posting Komentar