You could have viewed hover influence on post titles in numerous sites (especially with blogger blogs). Adding any CSS3 hover animation consequence to write titles increase your current readership in addition to it'll likewise attract your current audience. One of our audience inquired you that will how to give a web page link nudge consequence to write titles with blogger. Consequently, today in the following paragraphs we are going to figure out how to add CSS3 hover animation consequence to write titles with blogger. Just how the item works? Click on the tryout switch in addition to transfer your current mouse button cursor around virtually any post name to find out just how the item works.
Follow These Steps:
Step 1. Log in toy your Blogger AccountStep 2. Go to Template >> Edit HTML and search for the ]]></b:skin> tag
Step 3. Now copy the below code and paste it just above/before it
.post h2 {
margin:.1em 0 0;
padding:0 0 4px;
font-size:1.0em;
font-weight:normal;
line-height:2.5em;
color:#444;
font-family: Oswald, Serif;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
color:#444;
font-size:2.0em;
font-weight:normal;
font-family: Oswald, Serif;
}
.post h2 strong, .post h2 a:hover {
color:#2aa4cf;
padding: 0px 00px 0px 10px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
Step 4. Click on Save Template button And you're done!
I hope you like this!
0 Comments:
Post a Comment