Monday, December 2, 2013

Mengganti background pada BLOG



Kali ini saya akan mengajarkan sedikit ilmu saya pada anda tentang mengganti gambar background pada blog...
Langsung saja langkah-langkahnya dibawah ini :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut : 


4. Untuk mengganti gambar Anda tinggal menambahkan link gambar pada kode tersebut. 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOR8wsVfvke3kTrWvArK4SoV9tQ7XeG0WtGY5G78ChsKllVVAdveSZaYUEzN2A-ktmib4TQRpMETeCc4hphYz1SMM_wfUFEdpgSPnujQYc1sQdvlSPaQaL_Vm3cYXLe3W6kaonwR1PlZr/s1600/Opera-Background-Speaker.gif
5. Kemudian diakhiri dengan kode repeat-x; hasilnya sebagai berikut : 
body{
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOR8wsVfvke3kTrWvArK4SoV9tQ7XeG0WtGY5G78ChsKllVVAdveSZaYUEzN2A-ktmib4TQRpMETeCc4hphYz1SMM_wfUFEdpgSPnujQYc1sQdvlSPaQaL_Vm3cYXLe3W6kaonwR1PlZr/s1600/Opera-Background-Speaker.gif) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

NB: Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x;menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.


6. Simpan template. 

0 comments:

Post a Comment