-->

Kinvanburton Blog

BE YOURSELF TO GET YOUR SUCCESS

Agustus 31, 2011 di 21.47 Diposting oleh kinvanburton 0 Comments

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.....Kinvanburton Blog
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!!!!Kinvanburton Blog
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
    }
5.Ganti kode background:#dcdcdc; menjadi background:url('alamat url sobat')repeat fixed;
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;

Kode keseluruhan di dalam templatenya menjadi seperti di bawah ini:
.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
}

Simpan templatemu dan lihat hasilnya......
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

0 Responses so far.

Silahkan isi komentar anda tentang artikel ini..

Diberdayakan oleh Blogger.

ShoutMix chat widget

close
Get This Gadget
chat

    Follow

Kinvanburton Blog