Adalh seorang Pakar yang bercita- cita jadi pelukis akan tetapi ............terhalang
Cara mengatur Background pada blog
Yo, sob 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 :


1. buka Template >> Edit HTML, terus centang Expand Template Widget
2. Cari Body
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,
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,
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/AVvXsEgr5xIv_Vt-QFpahyNqXqzaOsG6zl4q0ekD0B3KfuuQNV5OUUPxNQJUfTldoY6BSm8M9j034o_7oQ3kW6OvEbH5iBgC2SFxlZHP4dPPkgzDZpEsdGSSBQA2XS3ogNRof-yyccap7MUxumA/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 :Lalu klik preview untuk melihat hasilnya :
body {
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5xIv_Vt-QFpahyNqXqzaOsG6zl4q0ekD0B3KfuuQNV5OUUPxNQJUfTldoY6BSm8M9j034o_7oQ3kW6OvEbH5iBgC2SFxlZHP4dPPkgzDZpEsdGSSBQA2XS3ogNRof-yyccap7MUxumA/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;
}
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
