Cara Buat Border Sidebar (Cara 2)

Penulis : Nurul Fatihah Shahronizam Masa : 13:11 Komen : 2 Tag :

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!
A true muslimah : never forget that Islam, which encourages her to look attractive under the permitted limits, is also the religion that's warns her against extravagance ^_^
Yang Penat Berfikir

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