Border At Sidebar
Request dari Aulia :D
Log in Blogger-Dashboard-Template
Cari kode .sidebar .widget {
Kalau tidak ada tambahkan kode itu di atas ]]></b:skin>
Lalu copy kode di bawah ini dan paste
background: #FFF ;
border-top: 5px double #87CEFA ;
border-bottom: 5px double #AFEEEE ;
border-left: 5px double #87CEFA ;
border-right: 5px double #AFEEEE ;
margin:5px 5px 1.0em;
padding:0px 5px 1.0em;
border-radius: 10px;
}
Note :
Yang kuwarnai merah kalian ubah sendiri ya
Double bisa di ganti solid,dashed,dotted dll
Save dan siap :D
Update
Maaf yang di atas salah aku lupa..kurang lengkap :(
Log in Blogger-Dashboard-Template
Cari kode .sidebar .widget {
Kalau tidak ada tambahkan kode itu di atas ]]></b:skin>
Lalu copy kode di bawah ini dan paste di bawah .sidebar .widget {
background: #FFF ;
border-top: 5px double #87CEFA ;
border-bottom: 5px double #AFEEEE ;
border-left: 5px double #87CEFA ;
border-right: 5px double #AFEEEE ;
margin:5px 5px 1.0em;
padding:0px 5px 1.0em;
border-radius: 10px;
}
Jadi kodenya jadi seperti ini
.sidebar .widget {background: #FFF ; border-top: 5px double #87CEFA ; border-bottom: 5px double #AFEEEE ; border-left: 5px double #87CEFA ; border-right: 5px double #AFEEEE ; margin:5px 5px 1.0em; padding:0px 5px 1.0em; border-radius: 10px; } ]]></b:skin>
Note :
Yang kuwarnai merah kalian ubah sendiri ya
Double bisa di ganti solid,dashed,dotted dll
Save dan siap :D
Kinanti, tempat aku kalo di kasih kayak gitu, ntar dia yang java scrip gak dikasih judul juga kena.. kaya gini... https://lh3.googleusercontent.com/-c23JnwaAU_0/VRQkuLHoGHI/AAAAAAAAAcI/GkngJUPn9fI/h120/2.png
ReplyDeleteboleh lihat disini, biar lebih jelas.. http://3.bp.blogspot.com/-c23JnwaAU_0/VRQkuLHoGHI/AAAAAAAAAcI/GkngJUPn9fI/s1600/2.png
ReplyDelete