Jumat, 24 Agustus 2012

Cara Membuat Background Pas dengan Blog


Selamat pagi sobat. Pagi-pagi gini Ferd langsung posting aja. Hehe, kali ini Ferd mau bagikan Cara Membuat Background Pas dengan Blog. Terkadang ribet ya, kalo mau ganti background gambarr mesti sama dengan ukuran blog kita. Apalagi pas kita scroll, gambarnya tidak mengikuti scroll tersebut alias nyangkut diatas. Nah begini caranya agar tidak seperti itu lagi :

Silahkan kamu login ke akun blogger dan pilih menu Rancangan/Design kemudian pilih Edit HTML, cari tulisan yang ber headline ungu seperti dibawah ini dalam template kamu ( gunakan CTR+F untuk memudahkan pencarian)

body{background: #000000 ;color:#4a4848;font:75% "Helvetica Neue",Arial,Helvetica,sans-...}

Kode tersebut adalah CSS template kamu , jika sudah ditemukan kamu harus menghapus sisa kodenya sampai sebelum kurung tutupnya nantinya akan tersisa seperti ini body{background:}

copy kode dibawah ini :



url(URL GAMBAR KAMU)no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;


Sisipkan kode yang dicopy tadi ke dalam CSS yang baru saja kamu hapus tadi, tepatnya setelah tanda titik dua, nantinya akan jadi seperti ini


background: url(URL GAMBAR KAMU) no-repeat center center fixed;


        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
  Silahkan save. Nah selesai sudah tahapannya sekarang blog kamu sudah memiliki background full yang sempurna :)...

note: jika blog diakses menggunakan IE (Internet Eksploler) maka background akan terlihat tidak sempurna atau tidak tampak, untuk mengatasi masalah ini silahkan tambahkan kode ini


filter: progid:DXImageTransform.
Microsoft.
AlphaImageLoader(src='.myBackground.jpg', 
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='myBackground.jpg', 
sizingMethod='scale')";
 
 
 
 
 
 
 
 
 
 
 

Sumber : Annanda Hobbious

Tidak ada komentar:

Posting Komentar