TUTORIAL - BENTUK-BENTUK BORDER | norsheilasalleh.blogspot.com

TUTORIAL - BENTUK-BENTUK BORDER

Assalamualaikum...

Hari ni nak share ilmu dengan korang camne nak buat border dekat Post Title & Sidebar Title. Border ni sebenarnya mencantikkan blog kita. Nampak lebih kemas dan teratur.

1) Dashboard >> Edit HTML >>
2) Cari kod (tekan CTRL + F serentak)

   * Untuk Post Title , korang cari kod h3.post-title {
   * Untuk Sidebar Title, korang cari kod h2 {

 3) Boleh amik kod kat bawah ni mengikut border-bordernya :-

#Contoh - A  
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;


#Contoh - B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

#Contoh - C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;


#Contoh - D
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;


#Contoh - E
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;


#Contoh - F
-moz-border-radius: 35px;
border-radius: 35px;


4) Make sure korang amik kod berwarna oren je tau. Paste bawah kod (2) yang korang cari mula-mula tadi. Samada korang nak Post Title @ Sidebar Title. Ikut kreativiti ye!
5) Boleh preview dan SAVE kalau menjadi. Kalau tak jadi, bagitau ok.


3 comments

Anonymous
October 30, 2012 at 11:51 AM

tq share ye

November 1, 2012 at 2:08 PM

rajin buat tutorial ye.. keep it up..

November 1, 2012 at 2:15 PM

saja je kongsi ilmu dengan kawan-kawan. hehehe

Post a Comment