Tutorial Sidebar & Post title hover

Haa ~ korang nak buat tak post title and sidebar korang bergerak gerak ke tepi tuh macam sha punya ?  okei jom ikot step di bawah nie .

For Post Title

1.Dashboard > Design > Edit Html > Tick Expand Widget
2.Korang cari kod nie dulu k

.post-title {

3.Then korang copy code nie pulak and paste kan dkt bawah bawah code di atas tu k .

.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;
}

4.Faham ? pape hal inform sha k :)

For Sidebar Title

1.Dashboard > Design > Edit Html > Tick Expand Widget
2.Korang cari kod nie dulu k

.sidebar h2 {

3.Then korang copy code di bawah nie and paste kan dekat bawah bawah code yang di cari tadi tuh k ;)

 

.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;
}

*p/s : preview dulu baru save k sygg :) pape hal bagitaw sha k :)

Tweet