[Tutorial] Border di Sidebar Title

Salam..

Hari nie mira nak buat Tutorial border kat Sidebar Title (tengok gambar di atas) . Mira nak ajar buat border yang mira guna je. Banyak lagi jenis border. Mira buat border kat sidebar tu dari cik adik Amalina. Dia ada banyak tuto tau. Jangan lupa singgah. Even dia muda dari mira, tapi dia macam tok guru la. Mira decorate blog pun dari tuto dia. Mira study dia punya tuto. Biar mira faham coding sikit.

Mula la nak merapu meraban. Meh kita mulakan.

1. DASHBOARD > DESIGN > EDIT HTML > TICK EXPAND WIDGET TEMPLATE

2. CTRL F atau F3 untuk cari code  h2 {


3. Copy code di bawah

text-align:center;
-moz-border-radius: 1em 4em 1em 4em;                  
border-radius: 1em 4em 1em 4em;                                    
text-shadow: 1px 1px 1px #FFFFFF;
border: 5px solid  #F78181;
background : #FFFFFF;
padding: 5px 5px 5px;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
}

ABC123 - warna 'shadow' tulisan.. senang citer bayang-bayang tulisan. Kalau tak nak boleh buang kod tu.

ABC123 - warna border

ABC123 - Ketebalan border. Makin kurang nilai, makin nipis. Begitu juga sebaliknya.

ABC123 - warna background untuk sidebar title

kod warna boleh tengok di SINI 

4. paste kat code tu kat bawah code h2 {

5. PREVIEW dulu. Kalau jadi tekan SAVE

nak tahu style border lain sila la ke blog Amalina  credit to her.. =)