Home » Blog stuff » Create link issue shadow effect
Create link issue shadow effect
On
Sunday, November 13, 2011
0
comments
I would like to share with all bloggers about a tutorial that may be worth to be applied in all of your blog.
The steps:
1. Login into blogger , choose
Blogger »Design» Edit HTML »Check Expand Widget
Tips : To keep the HTML code erorr, Backup first template dah ya buddy?
2. Find the code below :
5. The example like this
Baclink, article-blogging
Description:
When my friend want to shadow effect / image produced becomes thicker, then add more code 0 0 0.5em # 80ff00 results issued shadow effect will be more bold.
The steps:
1. Login into blogger , choose
Blogger »Design» Edit HTML »Check Expand Widget
Tips : To keep the HTML code erorr, Backup first template dah ya buddy?
2. Find the code below :
a:hover {3. Replace that code into the code below
color:#80ff00;
text-decoration:none;
}
a:hover {color:#ffffff;text-shadow: 0 0 0.5em #80ff00,0 0 0.5em #80ff00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}4. Then Save and see the results.
5. The example like this
Baclink, article-blogging
Description:
When my friend want to shadow effect / image produced becomes thicker, then add more code 0 0 0.5em # 80ff00 results issued shadow effect will be more bold.
0 comments:
Post a Comment