Tutorial : Border melengkung sekeliling blog

  Assalamualaikum!! Annyeong Haseyo!! Tadi cik Farsya ada tanya macam mana nak buat border body melengkung. Yang ni :

Ok, ikut je step kat bawah :

Step 1:

Pergi Dashboard > Template > edit Html > Tick expand widget template


Step 2:

Tekan control+F & cari kod ni :

/* Columns  

Step 3:

Dah jumpa? Tengok bawah kod tadi, ada kod ni kan? :

.main-outer {

Step 4:

Then copy kod ni :

border-radius:20px; 

& paste kat bawah kod  .main-outer { tadi.

Step 5:

Ok! pastu tekan control+F & cari kod ni pula:

/* tabs

Step 6:
 Then, mesti korang nampak kat bawah kod tu ada kod-kod ni :

.tabs-inner .section:first-child {
  border-top: $(header.bottom.border.size) solid $(tabs.border.color) ;
}

Buang yang colour purple tu!! Kita bako je!! Then preview, nothing error? SAVE! Done!! :D

Tag: Tutorial