Salam Blogger!!!
Jika sobat pernah main-main ke blog ane sebelumnya,pasti sobat tahu bagaimana tampilan blog ane waktu itu.
Background posting blog ane putih persis kayak kain kafan,hehehehehehe.....
tapi sekarang udah lumayanlah...
Sesuai judul postingannya,kita akan membuat background di bagian posting blog,
tetapi sebelum kita melangkah lebih lanjut,sobat harus sudah punya dulu gambar yang akan dijadikan background pada body posting sobat.
Jika sudah punya gambarnya,tinggal diupload aja ke image hosting,tempat penyimpanan gambar seperti Photobucket,Imageshack atau yang lain.
Oke langsung ke caranya ya..Cekiiidddoottt!!!!
1.Login dulu ke blogger
2.Masuk ke tab rancangan kemudian pilih Edit Html
3.Jangan lupa dicentang Expand Template Widgetsnya untuk berjaga-jaga.
4.Kemudian cari kode seperti di bawah ini :
Tulisan merah bercetak tebal adalah alamat url dimana sobat telah mengupload gambar yang akan dijadikan background.Cukup klik kanan pada gambar yang telah diupload dan pilih Copy Image Location.Jadi contoh kodenya jadi seperti ini:
background:url('http://i1106.photobucket.com/albums/h364/kinvanburton/black-grunge.jpg')repeat fixed;
SEKEDAR PENJELASAN: repeat untuk membuat gambar dimuat berulang-ulang cocok bila gambar yang sobat upload berukuran kecil
Sedangkan Fixed untuk membuat gambar background tidak bergerak saat discroll
Jika sobat pernah main-main ke blog ane sebelumnya,pasti sobat tahu bagaimana tampilan blog ane waktu itu.
Background posting blog ane putih persis kayak kain kafan,hehehehehehe.....
tapi sekarang udah lumayanlah...
Sesuai judul postingannya,kita akan membuat background di bagian posting blog,
tetapi sebelum kita melangkah lebih lanjut,sobat harus sudah punya dulu gambar yang akan dijadikan background pada body posting sobat.
Jika sudah punya gambarnya,tinggal diupload aja ke image hosting,tempat penyimpanan gambar seperti Photobucket,Imageshack atau yang lain.
Oke langsung ke caranya ya..Cekiiidddoottt!!!!
1.Login dulu ke blogger
2.Masuk ke tab rancangan kemudian pilih Edit Html
3.Jangan lupa dicentang Expand Template Widgetsnya untuk berjaga-jaga.
4.Kemudian cari kode seperti di bawah ini :
.post { margin: 0px 0px 15px 0px; border:1px solid #ddd; padding:5px; background:#dcdcdc; font: 13px } |
Tulisan merah bercetak tebal adalah alamat url dimana sobat telah mengupload gambar yang akan dijadikan background.Cukup klik kanan pada gambar yang telah diupload dan pilih Copy Image Location.Jadi contoh kodenya jadi seperti ini:
background:url('http://i1106.photobucket.com/albums/h364/kinvanburton/black-grunge.jpg')repeat fixed;
.post { margin: 0px 0px 15px 0px; border:1px solid #ddd; padding:5px; background:url('http://i1106.photobucket.com/albums/h364/kinvanburton/black-grunge.jpg')repeat fixed; font: 13px } |
SEKEDAR PENJELASAN: repeat untuk membuat gambar dimuat berulang-ulang cocok bila gambar yang sobat upload berukuran kecil
Sedangkan Fixed untuk membuat gambar background tidak bergerak saat discroll
Silahkan isi komentar anda tentang artikel ini..