Mengatur Judul Sidebar

Bagi yang senang mengatur tampilan template khusus Judul Sidebar agar menjadi lebih indah dan kelihatan lebih profesional dengan cara mengatur tampilan judul sidebarnya. Untuk itu cara mengatur dan berkreasi dalam menciptakan judul sidebar yang sesuai dengan selera dengan trik berikut.

Untuk mengatur tampilan judul sidebar yaitu dengan mengatur kode HTML untuk title sidebar. Letak kode Judul Sidebar pada template asli blogger biasanya di tulis dengan kode :

.sidebar h2 {
………………
}

Titik-titik menggambarkan isi kode judul sidebar yang mengendalikan atau mendefinisikan tampilan judul sidebar. Caranya dengan menambahkan kode atau mungkin mengurangi kode yang ada di titik tersebut.

Misalkan mengatur besarnya hurup judul sidebar, maka tinggal menambahkan kode ini :

.sidebar h2 {
font-size:110%;}

Nilai 110% adalah nilai besarnya hurup yang inginkan, misal : 120%, 200%, 250%, atau angka yang lainnya. Satuan persen ( % ) bisa juga bisa diganti denga satuan pixel (px), misal : 12px, 15px, 20px, atau angka yang lainnya.

Jika hurup judul sidebar ingin terlihat tebal, maka cukup menambahkan kode berikut :

.sidebar h2 {
font-size:110%;font-weight:bold;
}

Tulisan bold berarti hurup ingin tebal, definisi ini bisa diganti dengan yang lain, misal : jika tulisan yang tampil ingin terlihat biasa maka anda tinggal mengganti tulisan bold dengan tulisan normal. jika tulisan anda ingin terlihat miring, maka gantilah tulisan bold dengan tulisan italic.

Hurup judul sidebar ingin menjadi hurup besar (kapital) ;

.sidebar h2 {
font-size:110%;font-weight:bold;
text-transform:uppercase;
}

Tulisan uppercase berarti hurup yang di tampilkan adalah besar (kapital). Jika hurup kecil semua, maka tinggal mengganti uppercase dengan lowercase. jika hurup depannya saja (inisial) yang ingin hurup besar maka ganti uppercase dengan capitalize.

Jika tulisannya ingin berada di sebelah kanan, tinggal menambahkan kode ini :

.sidebar h2 {
font-size:110%;font-weight:bold;
text-transform:uppercase;
text-align:right;
}

Tulisan right berarti judul sidebar akan di kanan, jika ingin di sebelah kiri maka tinggal di ganti dengan tulisan left, jika ingin di tengah tinggal di ganti dengan center.

Jika ingin ada garis tinggal di tambahin kode border :

.sidebar h2 {
font-size:110%;font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
}

1px solid #000 berarti bahwa akan ada garis mengelilingi tulisan judul sidebar sebesar 1 pixel dengan warna hitam, tinggal di sesuaikan saja.

Jika judul sidebar dengan warna backgroundnya :


.sidebar h2 {
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#6df466;
}

#6df66 adalah kode warna, kode ini di sesuaikan dengan keinginan.

Penggunaan padding :

.sidebar h2 {
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#6df466;
padding;5px;
}

Penggunann padding sebesar 5px perlu ditambahkan apabila menggunakan background warna, karena jika tidak memakai padding maka tulisan akan terlihat bertabrakan dengan bagian luar sehingga terlihat kurang menarik. nilai 5px tentu saja nilai yang bisa disesuaikan dengan keinginan.