cara letak background dan border pada sidebar

Kebiasaanya warna ruangan posting dan sidebar pada template adalah sama.Mungkin ada yang inginkan kelainan dengan meletakkan border dan background yang berbeza pada sidebar.

Berikut adalah caranya:

Masuk ke dashboard-pilih layout dan klik Edit HTML
cari kod ini:

#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
background-image: url(letakkan url imej disini);
border:12 px dashed #0000FF;
}

jika tiada kod seperti diatas cari kod ini:
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
background:url(letakkan url imej disini)repeat;
border:12 px dashed #0000FF;

}
background imej perlu diupload dan dapatkan url utk dimasukkan pada kod diatas
#cuma tambah kod warna merah.Untuk border selain dari dashed boleh juga ditukar dengan solid,dotted,ridge,groove.Begitu juga dengan kod warna bagi border juga boleh ditukar mengikut kesesuaian.

Catat Ulasan

10 Comments:

biskut berkata...
Teknik Buat Blog

nice tutor bro yahya...

PuanBee berkata...
Teknik Buat Blog

nice bee dah buat!

yahaya berkata...
Teknik Buat Blog

@orang muowaalaikumsalam,terima kasih,terima kasih kembali kerana singgah ,silakan

_luVy*dUcky_ berkata...
Teknik Buat Blog

cipa jln2 cni~hurm,,cbox rosk ke mlm ni ek??(o_o)

geekz36 berkata...
Teknik Buat Blog

yeay, dah lama tunggu tutorial ni. tq

Fateen Insyirah berkata...
Teknik Buat Blog

Ala tak jadik :(

❤NazirahMoktar❤ berkata...
Teknik Buat Blog

yeay, tutorial yg dicari2 jumpe gak..time kasih :)

redzuan berkata...
Teknik Buat Blog

salam bro yahaya, sy nk bertanya 1 thing, kalau sy nk ubah warna background pada tab menu blog sy .mcm mne eh? sbb sy da cuba ubah but background tab menu tu still ttap warna kelabu. ada tak script koding yg sy boleh edit melalui edit html.

yahaya berkata...
Teknik Buat Blog

@redzuankalau dah jumpa kod warna tukar saja pada kod menu.cuba tutorial cara buat menu horizontal

illyz berkata...
Teknik Buat Blog

best tutorial ni :)
thx sebab share