Cara Buat Border Sidebar (Cara 2)


Tutorial nie adalah sambungan dari tutorial Cara Buat Border Sidebar (Cara 1)


CARA KEDUA


Step 1 :  Klik > Dashboard > Design >Template Designer >Advanced> ADD CSS 

Step 2 :  Copy code kat bawah ni :-

.sidebar .widget{text-align: center;background:#fff;border:4px solid #FCDFFF;margin:0 -5px 1.5em -5px;padding:0px 7px 10px 7px}
Step 3 : paste code tadi  dalam "ADD CSS"


Step 4 : Ubah border kat sini...  border:4px solid #FCDFFF;

      senarai border utk dipilih:- 


  • solid
  • double
  • groove
  • dotted
  • dashed
  • inset
  • outset
  • ridge
  • hidden
  
    click sini pilih color utk dipilih :-
    "HTML color code"



Step 4 : lepas tu save...selesai...







Selamat Mencuba!

2 comments:

  1. Afifah NabilaTuesday, November 27, 2012 7:22:00 pm

    used this tuto.. thx akak.. bleh tak kalau akak buat tutorial macam mana nak buat border pemisah antara post dengan sidebar macam akak? harap boleh bantu saya..

    ReplyDelete
  2. SyeedaMonday, June 17, 2013 10:51:00 am

    thank awak.. dah lama sy try method mcm tp xberjaya, kali ni try guna tuto awak, berjaya. =)

    ReplyDelete