Creating Animation Links

April 1, 2011 | 02:38

Animation links are links that will change color and enlarged when the mouse is directed to serve targeted links. To make the animation link, the following steps:

1. Log in to Blogger
2. Click Layout on the dashboard menu
3. Select Edit HTML
4. Do not forget to click the Expand Widget Templates
5. Search codes a:link { or the code can also be a:visited { and replace the code below with the following code:

a:link {
color:#000000;
font-size: default;
cursor:default;
}

before the modified or original:

a:link {
color: #660000;
text-decoration: none;
}

or

a:visited {
color:#000000
font-size: default;
cursor:default;
}

before the modified or original:

a:visited {
color: #660000;
text-decoration: none;
}

6. Search codes a:hover { and replace the code below with the following code:

a:hover {
color:# 454DF0;
font-size:18px;
font-style:italic;
cursor:wait;
}

before the modified or original:

a:hover {
color: #660000;
text-decoration: underline;
}

Description:
Green color code can be replaced in accordance with desired color code, while the red color code depending on the color code in your template and may not be the same color code on the top.

7. If so, click Save Template, and see the results.

Hopefully useful.
Share this article :
 
Copyright © 2010-2012. PAPATITI ONLINE . All Rights Reserved.
Template modify by Creating Website