02 March 2010
Lengkungan Pada Border
hak milik
Sue
Assalamualaikum , pada tengahari yang dingin ini akaibat hujan xberhenti dari pagi tadi . Msue ingin berkongsi ngan korang bagaimana hendak membuat Lengkungan Pada Border .
UNTUK BAHAGIAN SIDEBAR
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada kotak Expand widget)
3. Cari kod di bawah
#sidebar-wrapper {
border:4px solid #342d7e;
4. Gantikan kod yang di highlight merah dengan kod di bawah ini
border-right:4px double #342d7e;
border-left:4px double #342d7e;
border-top:4px double #342d7e;
border-bottom:4px double #342d7e;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
UNTUK BAHAGIAN POST .
1. Cari kod di bawah
.post {
border:4px solid #342d7e;
2. Gantikan kod yang di highlight merah dengan kod di bawah ini
border-left:4px double #342d7e;
border-right:4px double #342d7e;
border-top:4px double #342d7e;
border-bottom:4px double #342d7e;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
3. Save dan Preview .
Note: Highlight biru - lengkungan bahagian atas pada kiri dan kanan border , Highlight kuning - lengkungan bahagian bawah pada kiri dan kanan border .
Selamat mencuba .
UNTUK BAHAGIAN SIDEBAR
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada kotak Expand widget)
3. Cari kod di bawah
#sidebar-wrapper {
border:4px solid #342d7e;
4. Gantikan kod yang di highlight merah dengan kod di bawah ini
border-right:4px double #342d7e;
border-left:4px double #342d7e;
border-top:4px double #342d7e;
border-bottom:4px double #342d7e;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
UNTUK BAHAGIAN POST .
1. Cari kod di bawah
.post {
border:4px solid #342d7e;
2. Gantikan kod yang di highlight merah dengan kod di bawah ini
border-left:4px double #342d7e;
border-right:4px double #342d7e;
border-top:4px double #342d7e;
border-bottom:4px double #342d7e;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
3. Save dan Preview .
Note: Highlight biru - lengkungan bahagian atas pada kiri dan kanan border , Highlight kuning - lengkungan bahagian bawah pada kiri dan kanan border .
Selamat mencuba .
