Tutorial : Title Sidebar Menggunakan Image

Assalamualaikum Ya Habibi


Cuba lihat sidebar title tuh, yang tuh aku guna image. Jum ikut step kalau nak cuba. 

  • Dashboard -- Template -- Edit HTML
  • CTRL + F dan cari code .sidebar h2 {
  • Kalau dah jumpa, bawah code tuh ada anak-anak dia kan? sila lihat contoh.

.sidebar h2 {
margin: 1.6em 0 .5em; 
padding: 4px 5px;
background-color: $sidebarTitleBgColor; 
font-size: 100%; 
color: $sidebarTitleTextColor;
 }

  • Padam code yang aku bold kan tuh, dan copy code dibawah dan pastekan bawah .sidebar h2 {

padding: 4px 5px;
height:50px;
letter-spacing : 2px;
background: url(URL IMAGE);
font-size:24px;
color:#fff;
text-align:center;
margin-top: 3px;
background-position: top;
line-height:1.6em;
}

  • Yang warnah merah tuh korang adjust. Kalau okey tayah laa adjust kan. 
  • Url image boleh ambil disini Klik Klik 
  • Preview dan save. 

2 comments:

  1. Lamanya la tak bercoding2 ni.. rindu pulak rasanya.. btw sis deeba follow sini.. jemout la singgah blog sis pula..

    ReplyDelete