Posting kali ini mengganti background blog,memang rasanya gak sedap kalau memakai template download gratis mutlak tanpa mengeditnya.
hehehehe....
Buat yang suka kutak-katik template dan mempercantik blognya...
nich kita coba mengganti background template bawaan blog kita...,
langsung saja ke tutorialnya ya..
1.Anda harus sudah punya dulu gambar yang akan dijadikan background di blog sobat sekalian,
bisa pakai Photoshop untuk membuatnya,ukuran standard image-nya 1024px x 600px
2.Kalau sudah ada gambarnya simpan di image hosting seperti photobucket atau yang lain
3.Login ke blogger
4.Klik Rancangan kemudian pilih Edit Html,centang Expand Template Widgetnya untuk berjaga-jaga.
5.Cari kode body {
Kita hanya perlu mengganti alamat url backgroundnya jika ingin merubah background template bawaan.
Kode ini untuk membuat background blog full size.....
Jika background yang sobat upload ukurannya kecil,sobat bisa membuat background menjadi tile atau disusun berulang-ulang,tinggal ubah kodenya menjadi:
Jika ingin membuat gambar backgroundnya tidak bisa bergerak ketika di scroll cukup tambahkan kode fixed saja,
hehehehe....
Buat yang suka kutak-katik template dan mempercantik blognya...
nich kita coba mengganti background template bawaan blog kita...,
langsung saja ke tutorialnya ya..
1.Anda harus sudah punya dulu gambar yang akan dijadikan background di blog sobat sekalian,
bisa pakai Photoshop untuk membuatnya,ukuran standard image-nya 1024px x 600px
2.Kalau sudah ada gambarnya simpan di image hosting seperti photobucket atau yang lain
3.Login ke blogger
4.Klik Rancangan kemudian pilih Edit Html,centang Expand Template Widgetnya untuk berjaga-jaga.
5.Cari kode body {
Tips:Tekan Ctrl + F untuk memudahkan pencariannya:
body { margin:0 auto; padding:0px 0px 0px 0px; background:#010101 url(alamat url); font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif; color:#161514; font-size:13px; } |
Kita hanya perlu mengganti alamat url backgroundnya jika ingin merubah background template bawaan.
no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; |
background:#010101 url("alamat url gambar")no-repeat center center fixed; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; |
Kode ini untuk membuat background blog full size.....
Jika background yang sobat upload ukurannya kecil,sobat bisa membuat background menjadi tile atau disusun berulang-ulang,tinggal ubah kodenya menjadi:
background:#010101 url(alamat url); |
Jika ingin membuat gambar backgroundnya tidak bisa bergerak ketika di scroll cukup tambahkan kode fixed saja,
background:#010101 url(alamat url) fixed; |
Silahkan isi komentar anda tentang artikel ini..