Cara Mengganti Sidebar Background Dengan Animasi
Pagi sobat,,,,,hari ini gue akan berbagi sedikit ilmu,,,mungkin anda bosan dengan tampilan background sidebar bawan blogger,,nah...gue punya sedikit tips untuk menggantinya dengan animasi,,,,langsung aja yo GPL....
ini Linknya : http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
ini Linknay : http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;
Berikut Ini langkah2nya seperti biasa :
1. Masuk ke akun Blogger Anda.
2. Klik Tata Letak/Rancangan.
3. Klik Edit Html,,jangan lupa kotak kecilnya dicentang.
Kemudian cari Kode seperti di bawah ini
pake ctrl + f supaya cepet nyari kemudian isikan .sidebar h2
.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
}
Nah kalo udah ketemu sobat tinggal tambahin aja kode Background nya seperti dibawah ini
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
ini contoh yang sudah jadi,,,
.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
Info
untuk yang berwarna merah bisa anda gantikan dengan link animasi diatas..
Selamat mencoba,,,,jagnan lupa komentarnya yaaa
ini Linknya : http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
ini Linknay : http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;
Berikut Ini langkah2nya seperti biasa :
1. Masuk ke akun Blogger Anda.
2. Klik Tata Letak/Rancangan.
3. Klik Edit Html,,jangan lupa kotak kecilnya dicentang.
Kemudian cari Kode seperti di bawah ini
pake ctrl + f supaya cepet nyari kemudian isikan .sidebar h2
.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
}
Nah kalo udah ketemu sobat tinggal tambahin aja kode Background nya seperti dibawah ini
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
ini contoh yang sudah jadi,,,
.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif?imgmax=800)repeat;
} Info
untuk yang berwarna merah bisa anda gantikan dengan link animasi diatas..
Selamat mencoba,,,,jagnan lupa komentarnya yaaa
Post a Comment