Cara membuat background pada judul sidebar. Pada template deafult / template bawaan blogger biasanya tampilan masih sangat sederhana. baik itu pada widget maupun pada halaman posting.
Jika kita lihat pada sidebar, judul dan isi sidebar dengan warna masih menyatu. maksudnya jika pada isi sidebar putih maka pada jusulnya juga putih, yang memberdakan hanya pada judul sidebar biasanya dengan tulisan tebal dan agak sedikit besar.
Nah, berikut kita kita coba meg-edit sidebar menjadi sedikit berbeda, yaitu dengen memberi warna background pada judul sidebar.
Berikut cara membuat background pada judul sidebar tersebut:
- Pastikan telah login ke blogger
- Buka Template > Edit html
- cari kode
- Tambahkan kode berikut diatasnya :
- Simpan template dan lihat hasilnya
Jika kita lihat pada sidebar, judul dan isi sidebar dengan warna masih menyatu. maksudnya jika pada isi sidebar putih maka pada jusulnya juga putih, yang memberdakan hanya pada judul sidebar biasanya dengan tulisan tebal dan agak sedikit besar.
contoh judul sidebar blog yang diberi background |
Berikut cara membuat background pada judul sidebar tersebut:
- Pastikan telah login ke blogger
- Buka Template > Edit html
- cari kode
]]></b:skin>
- Tambahkan kode berikut diatasnya :
.sidebar h2 {
background:#C61;
color: #ffffff;
padding: 3px 0px 3px 10px;
font-size: 11px;
margin: 0px 0px 3px 0px;
box-shadow: 0 0 0 0px #808080, 0px 1px 0px 1px rgba(10, 10, 0, 0.5);
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
text-align:left;
}
- Simpan template dan lihat hasilnya