Add Hover Effect to Your Blogger Links

Hello Friend's Welcome Back To TNT Today I Tell You How To Add Hover Effect To Blogger Links With Some Coding .After adding this effect in your blog all links or selected links slide when someone move there mouse over it. This effect makes your links more attractive.This Will Make Your Blog Look Good.

ADDING EFFECT TO ALL BLOGGER LINK'S.

• Go to Blogger Dashboard --> Design --> Edit HTML.

• Backup your Template before making any changes to your blog.

• Now Expand Widget Templates.

• Find the code shown below using [ctrl+F].

]]></b:skin>

Now Paste The Below Code Just Above ]]></b:skin>

a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}

 ADDING EFFECT TO SELECTED LINK'S.

• Go to Blogger Dashboard --> Design --> Edit HTML.

• Backup your Template before making any changes to your blog.

• Now   Expand Widget Templates.

• Find the code shown below using [ctrl+F].

]]></b:skin>

Now Paste The Below Code Just Above ]]></b:skin>

.tricksandteach {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
.tricksandteach:hover {
padding-left: 12px;}

Now Use The Below Code To Add Nuding Effect To Selected Link's. 

<a class="tricksandteach" href="http://example.com">example<

Note :- Don't Forget To Use http:// While Linking.

THAT'S ALL. 

What's Next:- So Friend's I Hope That You Like My Post Again .I'am Very Busy From Few Day's Because I'Am Preparing A New Template's For My Other Blog GetRipStuff.blogspot.com. So Busy I'Am Trying  To Publish A Post Daily. So Don't Forget To Subscribe Us And Comment..And My Next Post Is About Seo And Traffic..Till Then HAPPY BLOGGING.