Kamis, 04 April 2013

Cara Merubah dan Mengganti Background Blog Dengan Kode HTML


Selamat Malam! oke langsung saja ke topik , masih bingung caranya ganti background yang bukan dari versi asli blogger? atau bisa dibilang blog yang memakai template dari luar . Nah tenang aja sekarang ada solusinya dengan kita mengotak-atik sedikit kode html dari template blog tersebut , sekiranya saya juga memakai cara ini sebenarnya background blog saya tidak seperti ini , tetapi saya rubah . Oke langsung saja Cara Merubah dan Mengganti Background Blog Dengan Kode HTML :

Cara Mengganti Background Blog dengan Kode HTML :
1. Tentu saja . Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #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('url link gambar yang ingin dijadikan 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;


SOURCE 

Tidak ada komentar:

Posting Komentar