Langkah
Mengganti/Mengubah Background Blog Dengan Gambar
1.
Login ke dashboard blogger anda, pilih Rancangan
> Edit HTML, centang Expand widget template.
2.
Temukan kode pengaturan background blog dalam
template anda, biasanya diawali dengan kode body{.
3.
Kalau kesulitan cari aja kode yang mirip-mirip
seperti dibawah ini.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Kemudian cari dulu sebuah gambar yang akan kita
jadikan background, ukuran terserah saja namun sebaiknya dalam format PNG
supaya hasilnya bagus namun usahakan sizenya kurang dari 50 Kb. Misalnya saya
punya gambar seperti dibawah ini berukuran 200 x 200px. Kemudian gambarnya saya
posting di blogger untuk mendapatkan URL gambar tersebut. Boleh juga anda
upload ke hosting lain seperti Picassa, yang penting adalah ngedapetin URLnya
yang mau kita masukkan dalam CSS.
5. Ganti/edit kode CSS awal background blog anda
dengan memberikan penambahan URL gambar sehingga bentuk susunan CSS menjadi
seperti dibawah ini.
body{
background:#ded8c0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0I3V1Is9M5x1Kx4zEeaGSvuNk-uzyICBN8VIngWdFtsCX3WvtCZ2YGIGB7Jw1Jj6rzmZwugqDGNEV5RHPAJ8UMSXINgqTr1SxJlqpV6VfTt9PDJhconuSL-GBB7wfpDWbEY7-3Ujhwg6y/s1600/background-blog-post-200.png);background-repeat: repeat-x repeat-y;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
NB:
repeat-x : untuk mengulang
gambar dari kiri ke kanan (horizontal)
repeat-y : untuk
mengulang gambar dari atas ke bawah (vertikal)
6.
Save/Simpan template anda.
Buat teman blogger yang mungkin udah bosan dengan tampilan blog nya, tenang sobat bisa mengatasi kejenuhan dengan mengganti background Template blognya sesuai selera dan keinginan.
baik seperti apa Cara Mengganti background Blog? kita liat dibawah ini :
Disini kita mengambil contoh pada background body di template blog kita, cari kode body { Nah di sana terdapat kode background,
Setiap blog terkadang agak berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini :
http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg
Maka kalian cukup menambahkan url (http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.
Jadi :
body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;
Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
Buat teman blogger yang mungkin udah bosan dengan tampilan blog nya, tenang sobat bisa mengatasi kejenuhan dengan mengganti background Template blognya sesuai selera dan keinginan.
baik seperti apa Cara Mengganti background Blog? kita liat dibawah ini :
Disini kita mengambil contoh pada background body di template blog kita, cari kode body { Nah di sana terdapat kode background,
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Setiap blog terkadang agak berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini :
http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg
Maka kalian cukup menambahkan url (http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.
Jadi :
body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;
Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
