Yaa .. Kali ini saya akan Menjawab Pertanyaan dari Teman saya yang Bernama 'Aldi' .
ia menanyakan
Bagaimana Sih cara Mengganti Gambar Background pada Blog .
Untuk mengganti gambar background blog
seperti yang diinginkan, berikut langkah-langkahnya:
(Sebelum anda mengganti
warna/gambar background dengan gambar bakcground baru, pastkan telah
menemukan/memiliki gambar background dan menghosting-nya sendiri.
1. Masuk ke dashboard anda dan
pilih tab menu design/rancangan.
2.
Pilih Edit HTML
3. Centang
expand widget template di sebelah kanan atas template HTML .
4. Kemudian anda cari kode tag ini: body{ (gunakan Ctrl+F untuk mencari dengan
cepat) Nah di
sana terdapat kode
background
Disini kita mengambil contoh pada background body di
tamplate 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;
}
Setiap blog rada 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;
Nah demikian artikel
mengena
Source:
http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYS18ITa
-->
Disini saya mengambil contoh pada background body di tamplate blog saya,
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
--> Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti
backborund misal dengan background / gambar ini
Disini kita mengambil contoh pada background body di
tamplate 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;
}
Setiap blog rada 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;
Nah demikian artikel
mengena
Source:
http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYS18ITa
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;
Nah demikian artikel Tentang Cara Mengganti Gambar Background pada Blog
Semoga Bermanfaat
HD46NSH2RH62
Disini kita mengambil contoh pada background body di
tamplate 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;
}
Setiap blog rada 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;
Nah demikian artikel
mengenai
Source:
http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYRjbCUR