TUTORIAL : Sidebar & Post tittle hover

heyy , semua :) since ramai yang tanya una kan how nak jadikan sidebar & post tittle kite bergerak ketepi mcm una kann ? soo , here the tuto :) jom ikut satu persatu okey ?

FOR POST TITTLE

First go to your Dashboard > Design ? Edit HTML *tick expand widget , click ctrl + F and search for this code -->

.post-title {

dah jumpakan ? now dekat bawah2 code diatas tuh korunk masuk kan jer code yang dah una bagi nie . then korunk adjust lah pape yang patut kayy ??

.post-title {
text-align:center;
border-bottom: 2px dashed #D3D5FF;
margin:1em;
font:normal 12px Century Gothic;
color: #4D4D4D;
}
.post-title:hover {
text-align:center;
border-bottom: 2px dashed #D3D5FF;
margin:1em;
padding-left: 50px;
-webkit-transition-duration: 2s;
font:normal 12px Century Gothic;
color: #4D4D4D;
}

contoh coding for post tittle :

FOR SIDEBAR TITTLE

First go to your Dashboard > Design ? Edit HTML *tick expand widget , click ctrl + F and search for this code -->

.sidebar h2 {

dah jumpakan ? now dekat bawah2 code diatas tuh korunk masuk kan jer code yang dah una bagi nie . then korunk adjust lah pape yang patut kayy ??

.sidebar h2 {
text-align:center;
border-bottom: 2px dashed #D3D5FF;
margin:1em;
font:normal 12px Century Gothic;
color: #4D4D4D;
}
.sidebar h2:hover {
text-align:center;
border-bottom: 2px dashed #D3D5FF;
margin:1em;
padding-left: 50px;
-webkit-transition-duration: 2s;
font:normal 12px Century Gothic;
color: #4D4D4D;
}

coding for sidebar tittle :

NOTA BIT BOTT :

korunk adjust coding dia ikut kreativiti korunk , pleasee ! jangan cakap tak jadi if korunk guna template lain , this is only for washed denim template . kalau tak de code thats mean korunk tak guna washed denim template or template korunk rosak :) so , harap nie membantu .

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : Header hover Part-3

haha :D header hover kali nie dia akan ke tepi dan terus hilangg ! hehehe :D biler korunk tengok header una kan dia akan bergerak ke belah kanan ? then tetibe diaa hilangg ! hahahah :D soo , let we start okeyy ?

First click this TUTORIAL then you replace the code header hover dengan code yang una bagi dekat bawah nie . okeyy  :

#header:hover{
padding-left: 65px;
filter: alpha(opacity=0);
opacity: .0;
-webkit-transition-duration: 1.0s;
}

jadii ! selamat mencuba okeyy ?? tak faham tanyaa yaaa :)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : Scroll bar Hover

now una nak buat tuto scrollbar , tak tahu ape tuh scrollbar ? cube korunk p dekat scroll una ? hahh ! aikk , dia tukar warna lahh ! dari pink tukar pada soft brown ? kann ? hahha :D una pernah buat tuto SCROLLBAR jugak dulu tapi yang biasa punya , nie yang ade hover pulak , soo , itu lah yang kite nka buat , senangg je okeyy ! soo , let we start :

First go to your Dashboard > Design > Edit HTML *tick expand widget then search this code :

/* Header

okeyy ! jumpaa dahh ? korunk copy code bawah nie & paste kan di atas code yang dekat atas nie :

 ::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background: #FDC0C0;
-moz-border-radius: 5px;
border-radius: 5px;
}
::-webkit-scrollbar:hover {
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
filter:alpha(opacity= 70);
-moz-opacity:0.70;
opacity:0.70;
background: #cec7ab;
}

yang una wrnakan tuh korunk boleh tukar warna dia dekat SINI . jadii ! selamat mencuba :)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---