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...
terima kasih atas kunjungan

nice tutor bro yahya...

PuanBee berkata...
terima kasih atas kunjungan

nice bee dah buat!

yahaya berkata...
terima kasih atas kunjungan

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

_luVy*dUcky_ berkata...
terima kasih atas kunjungan

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

geekz36 berkata...
terima kasih atas kunjungan

yeay, dah lama tunggu tutorial ni. tq

Fateen Insyirah berkata...
terima kasih atas kunjungan

Ala tak jadik :(

❤NazirahMoktar❤ berkata...
terima kasih atas kunjungan

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

redzuan berkata...
terima kasih atas kunjungan

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...
terima kasih atas kunjungan

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

illyz berkata...
terima kasih atas kunjungan

best tutorial ni :)
thx sebab share