Kali ini 1609area akan memberikan tips n trick bagi pengguna blogger yang ingin menganti background blogx dengan mengedit kode HTML-nya .
Tanpa basa-basi lagi ,langsung aja lihat langkah-langkahnya dengan seksama
Cara Mengganti Background Blog dengan Gambar :
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body atau body{
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
}4.
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body atau body{
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
}4.
Setelah ketemu, Anda tinggal menambahkan kode ini :
url('url link gambar yang ingin dijadikan background') repeat-x;
Sehingga, dari contoh kode diatas, menjadi :
body{
background:#ded8c0 url('link gambar yag mau di jadikan background') repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;margin:0;}
5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan Anda.
Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x 880. Caranya tinggal kamu rubah kata repeat-x; menjadi repeat-x top left fixed;
Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;
url('url link gambar yang ingin dijadikan background') repeat-x;
Sehingga, dari contoh kode diatas, menjadi :
body{
background:#ded8c0 url('link gambar yag mau di jadikan background') repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;margin:0;}
5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan Anda.
Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x 880. Caranya tinggal kamu rubah kata repeat-x; menjadi repeat-x top left fixed;
Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;
Sekian Tips N trick dari 1609area atas kunjunganx jika ada masalah silahkan coment
0 komentar :
Posting Komentar
****Peraturan jika ingin berkomenter diblog ini !!****
# No spam
# No berkata kotor
# No SARA
# No Erotic
# No Fulgar
# No Alay
# No nono
NB: selalu utamakan positif thinking bro