Blogger Stylish Hover Effect To Post Title and Popular Posts

This tutorial teaches you how to give nice hover effects to Post title,Related posts,Popular posts and more. It is a simple tutorial which does not requires you to be a geek in HTML and CSS coding.

So lets start :--


Step1. Sign In into your blogger account.




Step2. Open design and then Edit HTML


Step3. Find    /*- Post Title -*/


Step4. Just after Post Title ends Add this code

             a:hover {
color: #5eb7cb;
font-weight: bold;
}

 Step5. You can change font weight to none,italic,bold or underline as you required and also the color of hover effect as per your requirement.Find HTML color code here.

Final code will look like this

/*=== Post ===*/
/*- Post Title -*/
.post-title h1 {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.post-title h1 span {
    color: #33707e;
}
.post-title h1.author {
    color: #888888;
    font-size: 14px;
    padding-top: 2px;
}
.post-title h2, .post-title h2 a  {
    font-size: 24px;
    font-weight: none;
    letter-spacing: -2px;
    margin: 0 0 .45em;
    color: #222222;
    text-decoration: none;
     }
a:hover {
color: #5eb7cb;
font-weight: bold;
}

Step6. Hey you have done!!!!!


If you have any problem regarding this tutorial ,you can leave a comment here or contact me directly from contact me from top menu.