TUTORIAL 22 : Membuat Divider di Sidebar

1. Sign in blogger > Design > Edit HTML
2. Cari code ini


.sidebar .widget { 
Tapi kalau tak dapat cari code di atas cari code ini je
.sidebar .widget, .main .widget {

Korang akan jumpa code macam ini :



.sidebar .widget {
  margin-bottom: 1em;
}


ATAU macam ini, mengikut coding yang cari tadi

.sidebar .widget, .main .widget {           
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }
3. Code yang aku merahkan itu, korang delete dan gantikan dengan code di bawah.


margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(URL DIVIDER);
background-position: bottom;
background-repeat: no-repeat;
}

kalau code korang tak sama dengan code warna merah yang aku tanda tu, delete semua code tanda sampai ke } ( tanda  } delete sekali la )

4. Faham tak? bila dah ok, gantikan URL DIVIDER dengan url andalah! 

5. Preview dan SAVE.. sila bagitahu kalau tak jadi..dah jadi pun bagitahu juga..

No comments:

Post a Comment

Copyright© All Rights Reserved http://xxxxxsweetpoisonxxxxx.blogspot.com/