Mengganti Background blog
Seorang blogger mungkin memiliki keinginan mengubah tampilan blognya. Salah satu cara adalah dengan mengganti/ ubah background / latar belakang blognya,
bisa jadi tujuannya agar blognya terlihat lebih hidup, lebih artistik
ataupun dengan tujuan personalisasi dirinya. Satu hal yang terpenting
adalah jangan sampai dengan background yang baru malah terlihat lebih
"jelek" dari background terdahulu. bisa jadi pengunjung blog malah tidak
betah berlama2 di blog Anda. Ataupun malah membuat loading blog Anda bertambah berat alias lelet, hehe. Oke langsung saja kita pada materi pembahasan ( weleh kaya Pak guru aje) :
- Login ke akun blogger Anda
- Klik Rancangan > Edit HTML> centang/klik Expand Template Widget kemudian cari kode di bawah ini:
body {
tekan Ctrl + F untuk memudahkan pencarian (lihat gbr), kotak pencarian di kiri bawah.
Sebagai contoh lihat penjelasan berikut.
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#F6F6F6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_o8jeuJlkschhC0QuZXUdREDiOLC416ZwQ2b7B-EohhW8Dcis-ng7mmGVMbsJFe9hiDmrPw0U00PKUkbLZn_syuAzOWiEOUlgYfp1Vlcw3Pg1c2OL9d-I7yRJGd8EH6WinKv_G3gQlNZ1/s0/body.png) top repeat-x ;
font-family:verdana,Arial, Tahoma,Century gothic, sans-serif;
font-size:12px;
}
Lihat kode background:#F6F6F6. kode itu menunjukkan warna latar belakang, sedangkan kode url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_o8jeuJlkschhC0QuZXUdREDiOLC416ZwQ2b7B-EohhW8Dcis-ng7mmGVMbsJFe9hiDmrPw0U00PKUkbLZn_syuAzOWiEOUlgYfp1Vlcw3Pg1c2OL9d-I7yRJGd8EH6WinKv_G3gQlNZ1/s0/body.png) adalah alamat web tempat background gambar di simpan.
untuk
menggantinya Anda bisa menghapus salah satunya, Jika Anda mengininkan
dengan latar belakang warna saja, maka kode berwarna biru harus dihapus,
sedangkan jika ingin berlatar belakang gambar (image), maka tidak perlu
dihapus. Di blog saya tetap saya pasang agar jika background dalam bentuk gambar gagal diloading pengunjung blog, maka background dalam bentuk warna masih bisa.
ukurannya cukup kecil (1,6kb) namun memenuhi seluruh tampilan latar belakang blog. Lihat kode berwarna kuning (top repeat-x) hapus saja kode semacam itu, yaitu sesudah kode berwarna biru, (hati-hati tanda titik koma (;) jangan sampai terhapus). Sehingga kodenya menjadi seperti di bawah ini (lihat kode warna biru)
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#F6F6F6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_o8jeuJlkschhC0QuZXUdREDiOLC416ZwQ2b7B-EohhW8Dcis-ng7mmGVMbsJFe9hiDmrPw0U00PKUkbLZn_syuAzOWiEOUlgYfp1Vlcw3Pg1c2OL9d-I7yRJGd8EH6WinKv_G3gQlNZ1/s0/body.png);
font-family:verdana,Arial, Tahoma,Century gothic, sans-serif;
font-size:12px;
}
Bagaimana? sudah paham dan sudah diganti?
3. Jika sudah klik Pratinjau, seandainya langkah2 Anda sudah benar, maka tidak akan ada error pada pratinjau.
4. Kalau sudah mantap klik Simpan Template.
5. Selesai dan selamat mencoba.Semoga tutorial cara mengganti atau merubah background template blog ini bisa membantu sobat blogger yang lain.
Tweet |