HOW TO ADD HOVER EFFECT ON TITLE

Adding drop shadow and mouse hover effect in Blogger post title

Go To Blogger > Design > Edit HTML
Backup your template
Search this using Ctrl + F

    ]]></b:skin>


Just above it paste the following code

            /*----hemant9211.blogspot.in----*/


        h3{
        font-family:Arial !important;
        font-style:italic !important;

        }
        .post h3 {
        color:#0000ff;
        border-left:10px solid #0000ff;
        border-right:10px solid #0000ff;
        padding:3px 5px 3px  20px;
        border-radius:15px;
        -moz-border-radius:15px;
        box-shadow:0px 0px 13px #0000ff;
        -webkit-box-shadow:0px 0px 13px #0000ff;
        -moz-box-shadow:0px 0px 13px #0000ff;


        }

        .post h3:hover {
        color:#f01a1a;
        border-left:10px solid #f01a1a;
        border-right:10px solid #f01a1a;
        box-shadow:0px 0px 13px #f01a1a;
        -webkit-box-shadow:0px 0px 13px #f01a1a;
        -moz-box-shadow:0px 0px 13px #f01a1a;
        }