Jadi untuk anda yang senang dengan tampilan pilihan sesuai selera, anda bisa mengganti background blog dengan gambar maupun mengganti warna background blog saja.
Perlu diketahui bahwa kode dasar untuk mengganti background terletak pada CSS. Jadi, silahkan cari kode CSS BODY di kode template blog anda. Sebagian besar kode nya seperti ini..
body {
background: #18E115;
…….
…….
}
#18E115 adalah kode warna background blog anda, ini bisa anda ganti sesuai keinginan anda.
Update:
Karena ada banyak teman-teman blogger yang tidak menemukan kode body pada CSS nya.. Maka alternatif yang lain adalah dengan menambah kode body ke dalam CSS nya.. Silahkan tambahkan kode diatas dibawah <b:skin>
OK, saya rasa anda sudah tau mengenai kode CSS diatas. Jadi, mari kita bahas cara mengganti background blog...
Cara Mengganti Background Blog Blogspot
Cara mengganti warna background blog
Ini prosesnya sangat mudah sekali, jika ingin mengganti warna background blog anda, silahkan ikuti langkah-langkah berikut..- Masuk ke akun blogger anda
- Masuk ke menu template, kemudian klik Edit HTML
- Cari kode yang mirip seperti kode dibawah ini
background: #18E115;
…….
…….
}
- Anda tinggal mengganti kode yang berwarna merah dengan kode warna sesuka anda.
Cara mengganti background blog dengan gambar
Cara ini hampir sama seperti cara mengganti warna bacground blog. Perbedaan nya hanya pada penambahan kode pada CSS BODY tersebut. Lebih mudahnya, silahkan ikuti langkah-langkah berikut.- Masuk ke blogger
- Masuk menu template, kemudian klik Edit HTML
- Cari kode yang mirip seperti kode dibawah ini
background: #18E115;
…….
…….
}
- Silahkan tambahkan kode pada CSS tersebut seperti dibawah ini
Silahkan baca penjelasan tentang kode diatas berikut ini
- url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
- fixed bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
- repeat-y bisa anda 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 adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
- Gambar sebaiknya berkuran kecil, yaitu kurang dari 500 kb. Karena jika terlalu besar bisa membuat loading blog anda berat.
- Gambar memiliki ukuran minimal 1024x768 pixels.
- Sebaiknya gunakan gambar yang berformat .jpg, karena biasanya gambar yang berformat png ukurannya lebih besar.
Jadi itulah cara mengganti background blog yang paling umum dilakukan banyak blogger, kode diatas bisa anda edit dan kreasikan sendiri sesuai selera. Semoga artikel ini bermanfaat untuk anda. Dan terima kasih sudah datang berkunjung dan membaca artikel...
kenapa di blog saya tidak ada kode "body{" ?? ... sudah saya search dari atas sampai bawah ...
ReplyDelete@ Alief
ReplyDeleteKok bisa? padahal semua template itu memiliki kode Body{
Anda mencari nya bagaimana? dicek semua kode template dari atas sampai bawah?
Untuk mencarinya, silahkan tekan tombol Ctrl + F di keyboard, kemudian silahkan isi di kotak pencarian dengan body{
mas sekedar saran ,di sertakan tutorial gambar lebih mudah lho mas,soalnya saya cari di seluruh artikel yang beredar di google,tentang mengganti baground,rata rata coment nya ,tidak di temukan kode body,jujur mas saya cari cari juga enggak ketemu,terimakasih
ReplyDelete@ Andika
ReplyDeleteKalau body tidak ada, silahkan pakai alternatif lain dengan menambahkan kode
body {
background: #18E115;
…….
…….
}
Pada CSS.. Kemudian edit sesuai yang anda mau..
setelah saya ganti, malah background saya hilang , gimana pak?
ReplyDeletegan, kalo setelah di setting kemudian di pra tinjau dulu sebelum di simpan backgroundnya berubah, tapi kalo di simpan kemudian klik liat blok kok ga berubah ya.. knapa ya gan..? mohon bantuannya gan... tks
ReplyDeletemas, bisa gak kode tersebut di ditambahkan ditemplate=>sesuaikan=>tingkat lanjut =>tambahkan kode css??
ReplyDeletemakasih sarannya..
@ Muaz
ReplyDeleteItu karena anda belum menyimpan template, silahkan klik "SIMPAN TEMPLATE" terlebih dahulu kemudian klik lihat blog.
@ Amri
Saya belum pernah menggunakan tingkat lanjut, jadi sorry belum bisa bantu.. :D
Mas mengapa pada template blog saya ketika saya mau edit sesuaikan tetapi keterangannya template ini tidak tersedia ? bagaimana cara mengatasinya ?
ReplyDeletemas mau nanya,kok kode body { saya gak nemu?
ReplyDelete@ Rizky
ReplyDeleteMungkin bisa dicari lagi kode di CSS yang mirip dengan kode body, atau alternatif yang lain adalah dengan menambah kode body ke dalam CSS nya.. Silahkan tambahkan kode body yang sudah saya kasih di artikel diatasdibawah
Artikel-artikel anda sangat membantu sekali bagi para Blogger pemula saperti saya, terima kasih banyak atas informasi yang diberikan dan sangat membantu saya dalam mengembangkan web yang saya kelola.
ReplyDelete