Monday, 21 January 2013

Pisahkan Body Dengan Sidebar (Simple Template)


Salam Sejahtera ! !

Hari tue Mai minta Iema buat tuto & now Mai nak berkongsi dengan korang (credit Iema )


Nampak kan Body tue terpisah dengan Sidebar ?? 

Now Mai nak ajar . . 
(yang mana Mai suruh delete tue , delete @ simpan dalam notepad dulu ek)

Untuk Post Entry ::

1. Dashborad > Template > Edit HTML

2. Guna CTRL & cari kod bawah nie ::

.post {
3. Dah jumpa kan ?? Copy kod bawah nie kat bawah kod yang korang jumpa tadi ::
(Kalau ada code bawah dia , delete dulu @ simpan kat Notepad dulu ek . .)

background: #000000;
    margin:2.0px;
    padding:8px 8px 8px;
    border:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-width:1px 1px 1px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    border-bottom:2px solid #ffffff;
    border-width:3px 3px 3px;
    }

4. Untuk Sidebar pulak ::

 .sidebar .widget {
5. Dah jumpa kan ?? Copy kod bawah nie kat bawah kod yang korang jumpa tadi ::
(Kalau ada code bawah dia , delete dulu @ simpan kat Notepad dulu ek . .)

background : #000000;
    border:2px solid #ffffff;
    margin:0 -5px 2.0em -5px;
    padding:10px 10px 10px 10px;
    -webkit-border-radius: 20px 20px 20px 20px;
    }

 Sebelum SAVE , tukar yang ::


#000000 :: warna background yang korang nak
2 :: saiz border korang 
  solid :: jenis garisan korang tue 
 #ffffff :: warna garisan border korang
 6. Preview dulu & kalau x ada apa-2 yang error , SAVE ! !

End ! !