Tutorial Tittle Sidebar Kedua-dua ada hover.

Assalamualaikum. . .

Apa khabar iman kita hari ini ? Harap tuan yang membaca ini juga sihat sentiasa dalam rahmat Allah. Firstly, miza mohon maaf kepada pembaca yang sudi singgah Cik Chokie's Blog ni. Al maklum lah apabila dah habis trial SPM ni, satu satu subjek dapat result. Alhamdulillah. Jadi pembetulan confirm la kena buat. Agak busy sebab lepas ni kena lebih focus :')

Hmm actually agak tekilan sebab terlepas apa yang dihajatkan. Pape pun miza ucapkan Tahniah buat kak Jijah sebab selamat lahirkan Khalifah comel di muka bumi ni. Nak tahu siapa dia ? Click love ni 

Tadi masa on blog ni ada terbaca comment akak deno yang comel ni.

Tittle sidebar sebelum disentuh :

Tittle sidebar apabila disentuh :

Ok jom kita mulakan tutorial ni. 

1. Dashboard  Template  Edit HTML

2. Akan keluar seperti ini, click number 13.

3. Tekan Ctrl F dan cari h2 { atau /* Headings

4. Copy paste code bawah ni di bawah code /* Headings atau ganti code h2 {

h2 {
text-align:center;
font: 13px arial;
color: #616161;
border-top: 3px solid #FFACAC;
border-bottom: 3px solid #FFACAC;
background: url(Icon Sebelum Hover);
background-position:bottom right;
background-repeat:no-repeat;
background-color: #FFDCDC;
padding: 3px;
}
.sidebar h2:hover {
text-align:center;
font: 13px arial;
color: #616161;
border-top: 3px solid #95CEFF;
border-bottom: 3px solid #95CEFF;
background: url(Icon Selepas Hover);
background-position:bottom left;
background-repeat:no-repeat;
background-color: #DCE9FF;
margin:1em;
padding-left: 50px;
-webkit-transition-duration: 2s;
font: 13px arial;
color: #616161;
}

5. Perkara yang perlu ditukar :
 Biru : Tukar colour dan border sebelum hover
Mereh : Tukar icon sebelum hover
Coklat emas : Tukar colour dan border selepas hover
Pink : Tukar Icon selepas hover

Tukar colour click .
Tukar border : Solid, Dashed, Dotted. 
Tukar icon click   
 

P/S : Jika nak dikongsikan, dipersilakan. Semoga dapat memberi manfaat kepada semua.

Sesungguhnya yang baik itu datang daripada Allah, dan serba kekurangan itu datang daripada diri miza sendiri. Insyaallah ada masa kite berjumpe lagi. Serba serbi kekurangan miza mohon ampun dan maaf. Wassalam.