Label Cloud

Search This Blog

02 March 2010

online counter Lengkungan Pada Border

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 .






Tinggalkan Komen Anda Disini