Cara menambah background pada judul side bar

Tuesday, March 1, 2011

Cara menambah background pada judul side bar

emplat bawaan blogger pada umumnya dan bahkan hampir semua template bawaan atau standar blogger tidak menyediakan background pada judul sidebarnya.Banyak hal yang dapat kita lakukan untuk mempercatik atau memperindah tampilan blog kita seperti pada posting saya beberpa pekan yang lalu yaitu menambah fasilitas translate, Membuat title blog berjalan, membuat tulisan dengan efek marquee dan yang lainnya hal ini merupakan suatu aplikasi yang salah satu fungsinya adalah mempercatik tampilan blog kita. Mungkin sebelumnya anda sudah pernah melihat pada blog-blog yang lain, disetiap judul sidebar terdapat backgrounnya, kalau anda belum pernah melihat yang saya maksut menambah backgroun pada judul sidebar adalah seperti ini:

Nah...! backgrounya itu bisa kita tambahkan sendiri dengan meletakan URL gambar kita ke backgroun sidebar. Langkah-langkahnya adalah sebagai berikut :

Pastikan anda login ke blog anda
Pilih layout >Edit HTML
Download template lengkap terlebih dahulu untuk mengantisifasi kesalahan dalam editing
Cari kode .sidebar h2 { Gunakan tombol F3 untuk memudahkan pencarian kode
Jika sudah lihat kode yang dibawah kode tadi dan biasanya terdapat kode seperti ini

.sidebar h2 {
background:

transparent ; repeat-x;
color: #FFFFFF;
font-size: 11px;
font-family: Georgia;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:center;
}

Color :#FFFFFF; adalah warna judul side bar
font-size adalah ukuran judul side bar
text-align: center: adalah posisi judul sidebar

Apabila pada template anda tidak terdapat background: transparent ; repeat-x; seprti diatas maka tambahkan kode tersebut dibawah kode .sidebar h2 { menjadi seperti diatas.
Hapus tulisan Transparent dan ganti menjadi seperti ini