Border Melengkung Pada Tajuk Post / Entry




Langkah-langkah membuat Border Melengkung Pada Tajuk Post / Entry:

1. Sign blog anda.
2. Klik Design/ Template.
3. Klik Edit HTML.
4. Klik tanda pada kotak “Expand widget template”.
5. Cari kod ini h2 { (untuk sidebar dan tarikh) .post h3 { (untuk tajuk post).
6.Copy kod dibawah ini, paste selepas h2 {  atau .post h3 .

font-family: segoe print ;
color: #000000;
font-size:16px;
text-align:center;
text-shadow: 1px 1px 1px #AC58FA;
padding: 5px 0px 5px;
background:url(http://URL BACKGROUND);
border-top: 2px solid #AC58FA ;
border-bottom: 2px solid #AC58FA ;
border-right: 2px solid #AC58FA ;
border-left: 2px solid #AC58FA ;
-moz-border-radius-topleft: 35px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-topright: 35px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-top-left-radius: 35px;
-webkit-border-top-right-radius: 35px;
-webkit-border-bottom-left-radius: 35px;
-webkit-border-bottom-right-radius: 35px;
border-top-left-radius: 35px;
border-top-right-radius:35px;
border-bottom-left-radius:35px;
border-bottom-right-radius: 35px;

Nota :
merah : untuk font
hijau : untuk warna background border .
unggu : saiz tajuk entry .
biru muda : teks shadow .
oren : untuk background , letak link background.
biru : color border.
kuning : lengkungan border . boleh adjust beberapa px pun yg anda suka.

7.Save.

0 comments:

TinGaLkan Jejak