22.6.11

TUTORIAL DENIM TEMPLATE : SIDEBAR TITLE

Assalammualaikum & selamat petang  :)

okei..petang nie.. solehah nak buat tutorial mcmana nak buat sidebar title nampak kemas & cantik..hehe.. mcm korang boleh tengok kat blog EBT nie..err..kemas laa kot..hehe..
**kita buat satu2 okei..harap2 korang faham  :)


#.default setting untuk denim template akan nampak jadi mcm nie kan??

*so..kita nak MAKEOVER tukar jadi lainn.hehe....

  1. mula mula pegi DASHBOARD > DESIGN > EDIT HTML.. korang ctrl + F .. cari kode nie..
.sidebar h2 {
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: $sidebarTitleBgColor;
 font-size: 100%;
 color: $sidebarTitleTextColor;
}


BESARKAN RUANG DI DALAM KOTAK SIDEBAR TITLE
  • korang gantikan koding  
    padding: 4px 5px; dengan kod yang nie okei.. padding: 5px 5px 5px 5px;
  • tengok..dah ada jarak kan dari kotak tepi tu..kalau korang nak tambah kan bilai tu lagi pun xpe..boleh bahh..hehe

CENTER KAN TITLE SIDEBAR
  • bawah kode 
    color: $sidebarTitleTextColor;
     korang letak kode yg nie untuk centerkan title sidebar  :)
           text-align : center;

TUKAR WARNA BACKGROUND 
  • kod yg nie.. 
     background-color: $sidebarTitleBgColor;  korang gantikan dengan yg nie okei..**kod warna tu korang tukar la..
        background-color: #f4a4bc;


p/s : sambil korang tukar tu..preview dulu okei..hehe  :) itu saja untuk petang nie..hehe  :)

4 comments:

Anonymous said...

kalau template blog biasa yang takde sidebar??? aku dah serabut dah ni!!!

♥ solehah ♥ said...

@Khry Hnry

yg takde sidebar??guna 1 column je ek??

ɳᶐƦƧɧϱϱ said...

xda k0d .sidebar h2{ cam mane ni?? foundyouaein.blogspot.com k.. balas at shoutbox lau bole yep..thankz awk..=)

Ila Nabila said...

kalau utk post title cmne ?

 
Design by AH|SW |Empayar Bintang Tiga 2013