Monday, 10 October 2011

Tutorial Border Melengkung Keliling Blog

Heyy, Kalini Tutorial  Border Melengkung Keliling Blog , HA? tak tahu? Yang ni la sweetheart :

Haaaa, yangg tu laaa :)

1.Dashboard>>Design>>Edit HTML>>Tick EXPAND WIDGET TEMPLATES.
2. Cari Code :

 html body $(page.width.selector) {
Kalau tak jumpa code ni, cari yang ni :

#outer-Wrapper {

Atau , Yang ni :

.Content-outer
Bila dah Dapat cari Copy pulak code yang kat bawah ni :

#perhatian,

#Yang ni untuk melengkung DIATAS sahaja
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;

#Yang ni untuk melengkung DIBAWAH sahaja
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px; 

#Yang ni untuk ATAS dan BAWAH

border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px; 
3. Pilih yang mana satu korang nak, And Pastekan selepas code yang korang CARI TADI. 
4. Preview terlebih dahulu, Kemudian SAVE ! ♥ ♥

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home