Cara Mengatur Background Blog

kali ini saya posting bagaimana cara mengatur background menjadi penuh/Full dan tidak bergerak saat kursos di gerakkan kebawah . . .

Contohnya seperti gambar blog saya ini :










Lihat gambar panah pada gambar di atas . . .
kebanyakan itu tidak pernah dirubah . .
Apakah kalian tau, itu dapat membuat Background jelek . . .
Tapi kalo ukuran gambarnya kecil gak masalah,
Tapi kalo gambarnya besar seperti gambar background itu, jelek kan . . .
Kalian pengen hasil gambar Backgroundnya seperti ini



Saya akan kasih tau caranya . . .

1. buka Template >> Edit HTML, terus centang  Expand Template Widget
2. Cari Body 
body {
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimXGuz32TWvPWBVz7KeU8hrGvV3FNn-JZDC6jn2MNZvYWYCArtDJL8ZQmoG6wWI6I2zQ7XOo3uT4IFC-t1TlL5kqP4l9qm_2dSy45Y0pgV3A-VKGemcHzWDicX1jvGMDtRrGkQi8WY0Bo/s1600/Yondaime_Hokage+ke+4.jpeg) repeat ;
font-family:"Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
font-size:14px;
color:#fff;
margin:0;
}
Ganti  repeat menjadi no-repeat
Tambahkan kode bawah ini :
background-attachment: fixed;
background-size:100%;
Contohnya seperti di bawah ini :
body {
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimXGuz32TWvPWBVz7KeU8hrGvV3FNn-JZDC6jn2MNZvYWYCArtDJL8ZQmoG6wWI6I2zQ7XOo3uT4IFC-t1TlL5kqP4l9qm_2dSy45Y0pgV3A-VKGemcHzWDicX1jvGMDtRrGkQi8WY0Bo/s1600/Yondaime_Hokage+ke+4.jpeg) no-repeat ;
background-attachment: fixed;
background-size:100%;

font-family:"Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
font-size:14px;
color:#f0f;
margin:0;
}
Lalu klik preview untuk melihat hasilnya :

Nanti hasilnya seperti ini :

Kemudian baru di save kalo udah selesai.

Keterangan :
Kode warna merah buat alamat gambar/background
Kode warna merah muda/ungu buat gambar ulang (contohnya: seperti gambar di atas sendiri)
Kode warna biru buat gambar satu saja
Kode warna hijau buat gambar menjadi ukuran penuh (contohnya: seperti gambar di bawah sendiri)

Gampang bukan,
Selamat mencoba

Posting Komentar

0 Komentar