Sidebar biasa nya terletak pada bagian kiri atau kanan blog, atau bahkan berada di keduanya. Yang akan saya bahas adalah mengenai backgroud dari side bar nya, dan cara untuk merubah nya. Untuk template modifikasi mungkin tampilan nya sudah disesuaikan agar terlihat ngepas dengan tampilan lain nya seperti footer atau header. Background dari judul side bar nya disini akan kita rubah, seperti gambar diatas misalnya, tampilan untuk judul CATEGORY itu yang akan kita rubah. Tidak hanya background nya, kita juga dapat merubah ukuran font atau bahkan jenis font yang akan kita gunakan. Langsung ke step nya aja yuk :
Step 1 : Masuk ke halaman template kemudian edit HTML. Setelah itu coba cari kode CSS yang diawali sama .sidebar h2 atau coba cari kode yang mirip dengan kode itu. karna di template yang saya buat ini teks nya adalah seperti itu, tapi beberapa lainnya agak mirip seperti .sidebar h2 wrapper pokonya yang mirip sama .sidebar h2 deh.
Step 2 : Setelah ketemu, kalian copy kode CSS dibawah ini kemudian ganti kode yang tadi dengan kode yang ini, oh iya ganti nya sampe kode } ya.
.sidebar h2{
background:#575656;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:12px;
font-family: Sans-serif, Arial, Helvetica;
font-weight:bold;
text-transform:uppercase;
color:#ffffff; text-shadow:0 1px 0 #fff;
}
Kemudian kalian save template nya, dan coba ke halaman tata letak, lalu buat sebuah widget baru seperti label atau arsip atau popular post.
Untuk kustomisasi, kalian bisa ganti warna background #575656 dengan warna yang kalian mau, dan untuk jenis font, kalian bisa rubah font san serif, arial dan helvetica dengan font yang kalian suka.
EmoticonEmoticon