This tutorial will show you How To Add Link Hover/Nudging Effect To Blogger Links Using Css. 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.
LINK NUDGING DEMO
ADD NUDGING EFFECT TO ALL BLOGGER LINKS
- 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 Code shown below just before/above it
a:link {
-webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}
-webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}
ADD NUDGING EFFECT TO SELECTED LINKS
- 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 Code shown below just before/above it
.latesthack {
-webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out;
}
.latesthack:hover {
padding-left: 12px;}
-webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out;
}
.latesthack:hover {
padding-left: 12px;}
- Now use the HTML code shown below to add nudging effect to selected links
<a class="latesthack" href="
http://awaisedition.blogspot.com/ ">Software And Tricks Home</a>
I don't even know how I ended up here, but I thought this post was good. I do not know who you are but definitely you are going to a famous blogger if you aren't alreаdy ;
ReplyDelete) Cheerѕ!
Take a look at my web site 1 month loan
Thank you for shаring youг thoughts.
ReplyDeleteІ гeally aρprecіate уоur effoгts аnd I will be waiting for your furthеr wгite uρs thanκs oncе agаin.
Mу web-sіte - quick cash
Greatе post. Kееp posting such kind οf informatіon
ReplyDeleteon уour page. Іm rеally impresseԁ by it.
Thanks foг sharing your thoughts οn keyword.
Rеgardѕ
Heгe is my blοg poѕt; personal loans
I uѕuаllу ԁo not ԁгop
ReplyDeletea great ԁeal of comments, but i diԁ sоme
searching anԁ wοund up here "Add Link Hover/NUDGING EFFECT TO BLOGGER LINKS USING CSS".
And I do hаve a cοuple of questions for you іf it's allright. Is it just me or does it look like some of the remarks come across as if they are coming from brain dead individuals? :-P And, if you are writing on other online sites, I'd
lіkе to keeρ uр with anything
new you hаve to post. Could you mаke
a list of thе complete urlѕ οf уouг
сommunal ѕites liκe уour linkedin profile,
Facebook pаge or twitteг fееd?
Looκ at my web ѕitе payday loans