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.
More Article:
Blog stuff
- Install share this post into blogger
- How to create an textarea
- Make Breadcrumb Navigation on blogspot
- Creating Feedburner For Blogspot
- Making Related Articles Blogger From Hoctro
- Make related post with scroll function
- How to make 3 column footer on blogger
- How to disable right click on blog
- New blogger read more using jump break
0 comments:
Post a Comment