Tuesday, 9 February 2016

Tutorial Title Sidebar Hover

بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيم




Hai! Assalamualaikum ..
    okay, harini Shaz x mau cakap banyak. leter ini itu. faham tak gambar tu maksud kan apa? kalau tak faham .. sila ke blog shaz semula dan halakan cursor kat bahagian sidebar. try la baru tahu apa maksud title post dan maksud gambar kat atas hihi .. OKAY! JOM BELAJAR BENDA BARU

template denim

 1. Dashboard > Template > Edit HTML
 2. CTRL + F dan cari code

.sidebar h2 {
 3. Ganti semua anak anak ke code ini

margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
text-align: center;
border-top: 3px solid #E0ECF8;
border-bottom: 3px solid #E6E6E6;
border-right: 8px solid #E0ECF8;
border-left: 8px solid #E6E6E6;
padding: 2px;
font-size: 8pt;
}

.sidebar h2:hover {
margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
text-align: center;
border-top: 3px solid #E6E6E6;
border-bottom: 3px solid #E0ECF8;
border-right: 8px solid #E6E6E6;
border-left: 8px solid #E0ECF8;
padding: 2px;
}
background-position:left;
background-repeat:no-repeat;
}
 4. copy & paste code diatas DIBAWAH code tadi
 5. Yang warna biru warna sebelum hover dan warna ungu itu selepas hover. Boleh pilih warna sini
 6. Preview dan Save!

No comments: