-->

Kinvanburton Blog

BE YOURSELF TO GET YOUR SUCCESS

Agustus 30, 2011 di 11.54 Diposting oleh kinvanburton 0 Comments

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..Kinvanburton Blog

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:
Kinvanburton Blog
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.
Jika sudah tambahkan kode berikut di dalam kode backgroundnya:

no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;    

jadi kodenya seperti di bawah ini:

background:#010101 url("alamat url gambar")no-repeat center center fixed;
-webkit-background-size: cover;
-moz-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,
contohnya menjadi seperti ini:

background:#010101 url(alamat url) fixed;
 
SEMOGA BERMANFAAT YAA!!!Kinvanburton Blog

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