Sidebar Title

Assalamualaikum. Hari neh aku buad tutorial lagy. Tutorial ni di request oleh seorang Anonymous dekat Formspring. Dah alang-alang tuh. Baik la aku ajar semua tentang sidebar title dalam satu tutorial sekali. Ta payah la aku na ulang menda yang sama. Harap korang faham yee :)

Semua tutorial neh hanya menggunakan satu panduan iaitu, pergi ke Dashboard - Design - Edit HTML - Search h2 {

#1 = Customize title font.

1 - Pastekan code neh dekat bawah h2 {

font-family: Jenis FONT di sini;

2 - Preview. Then SAVE :)

#2 = Background at title post.

1 - Paste code neh dekat bawah h2 {

background:url(URL Image) repeat;

padding: 0.7em;

Warna merah = boleh didapati di Photobucket & Flickr dengan cara mengambil Direct Link gambar tuh.

Warna purple = Itu keluasan background title tersebut. Makin besar angka, makin besar la keluasan background tu.

2 - Preview. Then SAVE :)

#3 = Borders

1 - Paste code neh dekat bawah h2 {

Semua border sekali

border: 2px solid #000000;

Satu-satu border

border-top: 2px solid #000000;

border-bottom: 2px solid #000000;

border-left: 2px solid #000000;

border-right: 2px solid #000000;

*semua aku dah bagi. korang tinggal pilih je

Warna biru = Ketebalan border.

Bold = Jenis border.

(dotted, dashed, solid, groove, ridge, inset, outset)

Warna purple = Warna border.

 2 - Preview. Then SAVE :)

#4 = Rounded corners around title.

1 - Paste code neh dekat bawah h2 {

Untuk Google Chrome

-webkit-border-radius: 5px;

Untuk Mozilla Firefox (semua border sekali gus)

-moz-border-radius: 10px;

(Satu satu)

-moz-border-radius-bottomright: 10px;

border-bottom-right-radius: 10px; 

 Bold = Itu kadar kebesaran rounded corner nye. Makin besar angka, makin besar la rounded-corner nya. *ayat teruk xD

Warna merah = Itu template rounded-corner tu. Boley pilih sama ada :

topright / top-right

bottomright / bottom-right

topleft / top-left

bottomleft / bottom-left

 2 - Preview. Then SAVE :)

That's it. Kalau ada pape yang aku tau lagi, aku akan update nanti. Cya ^^