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: