INFO: Blog ini sudah discontinue sejak Desember 2018. Untuk info tutorial SEO terupdate silahkan ke halaman Belajar SEO di Kepointernet.com
KODE CSS DASAR BACKGROUND BLOG
Saudara perlu mengetahui bahwa kode untuk mengubah gambar latar ini biasanya ada pada CSS BODY pada atribut BACKGROUND…. Jadi coba cari CSS BODY di EDIT HTML template blog saudara…. Biasanya akan terlihat seperti di bawah ini
body {
background: #cccccc;
…….
…….
}
Nilai #cccccc bisa bernilai apa saja, yang terpenting anda memperhatikan kode background pada CSS BODY…. Secara lengkapnya, kode itu seharusnya seperti di bawah ini….
background:#cccccc url(http://2.bp.blogspot.com/latar.jpg) fixed repeat-y center top;
Tentunya kode-kode pada property background bisa diganti sesuai selera….
- #cccccc bisa saudara ganti dengan kode hex warna apa saja
- http://2.bp.blogspot.com/latar.jpg bisa saudara ganti URL gambar apa saja
- fixed bisa saudara hapus jika ingin gambar ikut naik turun saat halaman scrolled
- repeat-y bisa saudara ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top bisa anda ubah menjadi left top atau right top, tergantung titik acuan awal dari gambar yang anda inginkan
Dengan mengubah property di atas anda bisa mengganti background blog sesuai selera…. Cara ini cukup mudahkan?
Cara mengganti Background Blog Jadi Tidak Bergerak
Banyak orang yang mengingingkan latar belakang yang bergerak sesuai dengan pergerakan scroll layar, tapi tidak sedikit juga yang menginginkan background blog tersebut diam saat layar di scroll. Untuk membuatnya diam sebenarnya anda cukup menggunakan kode dasar yang ada di atas. Yang perlu anda ubah hanya nilai kode hex warna dan url gambar.
Yang membuat background tidak bergerak adalah kode fixed, jadi kode ini juga yang harus saudara hilangkan jika ingin background blog kembali bergerak sesuai scroll anda.
Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar jika hanya satu gambar. Atau pastikan presisi gambar yang baik jika anda menginginkan pengulangan (tile mode) dari gambar yang kecil. Jika ukuran gambar latar yang digunakan kecil maka sebaiknya ubah repeat-y menjadi repeat.
Yang membuat background tidak bergerak adalah kode fixed, jadi kode ini juga yang harus saudara hilangkan jika ingin background blog kembali bergerak sesuai scroll anda.
Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar jika hanya satu gambar. Atau pastikan presisi gambar yang baik jika anda menginginkan pengulangan (tile mode) dari gambar yang kecil. Jika ukuran gambar latar yang digunakan kecil maka sebaiknya ubah repeat-y menjadi repeat.
Cara mengganti Background Dengan Gambar Berulang
Ini adalah teknik yang biasa dilakukan jika ingin mengganti background menggunakan gambar yang sangat kecil (untuk mempercepat loading blog). Karena ukurannya yang kecil maka harus dilakukan pengulangan agar gambarnya terlihat penuh pada latar.
Untuk melakukan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya kode lainnya juga perlu disesuaikan agar tampilannya sesuai dengan selera saudara.
Untuk melakukan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya kode lainnya juga perlu disesuaikan agar tampilannya sesuai dengan selera saudara.
Cara mengganti Background Dengan Gambar Bergerak (gif)
Anda tentunya tidak akan mengalami masalah jika ingin mengganti background blog dengan gambar gif. Cukup upload gambar gif tersebut dan dapatkan URL (link gambar) hasil upload. URL ini bisa anda gunakan untuk mengganti URL yang ada pada property kode di atas….
Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan agar penuh pada jendela browser.
Inilah cara mengganti background blog yang cukup umum dilakukan. Jadi cukup fokuskan perhatian saudara pada kode background yang ada pada CSS BODY, dan edit property yang ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang baru dari blog anda….
Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan agar penuh pada jendela browser.
Inilah cara mengganti background blog yang cukup umum dilakukan. Jadi cukup fokuskan perhatian saudara pada kode background yang ada pada CSS BODY, dan edit property yang ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang baru dari blog anda….
