 |
| Blogger template Designer Background |
Bismillah... bosan dengan tampilan Background blog anda? mungkin itu yang menjadi pertanyaan saya, jika merasa bosan dan mau di ganti tapi tidak tahu caranya gampang baca tutorial blog ini , insya allah sobat bisa ganti background blog sobat setiap saat, kapanpun dan dimanpun sobat bisa ganti backgroundnya.
Langkah pertama untuk merubah background di blogspot yaitu :
- Login ke Blogger
- Masuk ke tab design
- Terus sobat pilih mau cara mudah atau atau cara agak ribet sedikit he he..
Untuk cara pertama saya akan menggunakan Blogger template Designer, setelah di tab design sobat masuk ke area tempalte design dan klik backgroun lalu pilih gambar yang sudah di sediakan oleh blogger disana banyak sekali beberapa background berdasarkan kategory silahkan sesuaikan dengan template blog sobat. jika tidak ada yang terpakai (tidak cocok) dan sobat sudah punya background hasil sendiri sobat bisa langsung upload disana, setelah sobat masukan dan berhasil di upload sobat langsung klik Apply to blog. dan lihat hasilnya. mudahkan??
 |
| Upload Blogger Background |
Untuk cara kedua sobat bisa melalui CSS blog sobat caranya sobat masuk ke design dan masuk ke tab Edit HTML dan jangan lupa centang tanda Expand Widgetnya, setelah itu sobat cari kode/tag body, tagnya kurang lebih seperti di bawah ini
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
Jika sudah ketemu kode yang mirip di atas silahkan sobat ganti dengan di bawah ini
body {
background:#000 url(URL FILE GAMBAR ANDA) repeat-x;
}
Atau sobat cukup menambahkan kode background:#000 url(URL FILE GAMBAR ANDA) repeat-x; di dalam CSS tag body.
Keterangan :
- URL file Gambar : adalah lokasi alamat gambar yang akan di jadikan background blog sobat.
- repeat-x : adalah untuk mengulangi gambar ke arah X (ke samping) sobat juga bisa mengganti pakai Y jika ingin backgrounnya di ulang ulang ke bawah. tapi jika ukuran backgroundnya sudah besar tidak usah pakai repeat.
- #000 : adalah warna latar jika gambar tersebut tidak keluar maka akan keluar digantikan dengan warna dasar disini menggunkan warna latar hitam.
Contoh url gambar yaitu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21jom8jvLgFj5HdUwudJ7dhYcYmnzss1uQNuKr-rMuWgPKsr1TtKfTvB3tXPPraDZgjfQMOW4FZ58VfCg6vSe1wQYSoCGj3ty-DSNAzfrHqCqfz5MKyw7cg27zajJhQbvy0_-v5szpA4/s746/lutfielogo.gif oke jika sudah beres sobat langsung klik save. contoh CSS background dengan gambar
body {
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21jom8jvLgFj5HdUwudJ7dhYcYmnzss1uQNuKr-rMuWgPKsr1TtKfTvB3tXPPraDZgjfQMOW4FZ58VfCg6vSe1wQYSoCGj3ty-DSNAzfrHqCqfz5MKyw7cg27zajJhQbvy0_-v5szpA4/s746/lutfielogo.gif ) repeat-x;
}
Oke jika sobat mau background yang bagus saya berikan link untuk sobat mudah mudahan saja ada yang cocok dan pas dengan template blog sobat sobat kunjungi mesin pencari terus cari Background Labs atau sobat klik disini untuk mengunjungi situs Background Labs diasan banyak sekali background untuk situs dan social media silahkan jika ingin mengunjungi dan mencoba background terbarunya. Good Luck Happy Blogging
