Saturday, May 12, 2018

√ Cara Mengganti Background Blog Dengan Gambar

Anda ingin mengubah background blog dengan gambar? Kita dapat saja mengubah background blog sesuai dengan keinginan, tapi dalam mengganti background yang perlu diperhatikan ialah keseimbangan antara background dan warna sidebar atau komponen template yang lain semoga tampilan terlihat menarik.

Berikut cara mengganti background blog dengan gambar :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari instruksi body { ibarat berikut :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Untuk mengganti gambar Anda tinggal menambahkan link gambar pada instruksi tersebut.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsRBMLhNJf8iRv58Ezjnwr3vqRQthQjamor4PXc5zpwcyXPDtCBqNITxJc9MIx3a9gaOJJveJZ0mNrikwaqKofQKTZfFIoQ5AszbK7BUVFGzK-j-wbfcOgV8d_fJ64YdIv5mUMCwXBPoaY/s1600/Opera-Background-Speaker.gif
5. Kemudian diakhiri dengan instruksi repeat-x; akhirnya sebagai berikut :
body{
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsRBMLhNJf8iRv58Ezjnwr3vqRQthQjamor4PXc5zpwcyXPDtCBqNITxJc9MIx3a9gaOJJveJZ0mNrikwaqKofQKTZfFIoQ5AszbK7BUVFGzK-j-wbfcOgV8d_fJ64YdIv5mUMCwXBPoaY/s1600/Opera-Background-Speaker.gif) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Keterangan:
Jika menginginkan gambar tetap dikala 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 instruksi scriptnya ibarat diatas.
6. Simpan template.

Nah, sekian cara mengganti background blog dengan gambar, kalau Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.
Sumber http://id-pemula.blogspot.com