Add Fire Effect on your Blogger Template Link
Add Fire Effect on your Blogger Template Link
Adding effects on blogger link is amazing. We can add
different effect on whole blogger templates links easily. Previously I have
already shared with you to add Rainbow, lightning effect on links and today I
will show you that how we can add a fire effect on your Blogger template
easily. Actually this is not exactly fire but after applying this trick when
any user mouse over on a link then it will be burn like fire but not any
animation. I just applied hover effect on template default link code, as a
result all links will get effect instantly. So just follow the below steps to
add fire effect on your Blogger template. However before proceed take a backup
of your Blogger template.
Recommended: Add Color Gamut to Blog links for Rainbow effect
Recommended: Add Color Gamut to Blog links for Rainbow effect
Step 1 Log in to
your Blogger Account and Go to your Blogger Dashboard
Step 2 Click on Now
click on -> Template -> Edit HTML
Step 3 Now find a:hover code line by
pressing Ctrl+F (Windows) or CMD+F (Mac)
Step 4 Now replace
the a:hover code
by below code script.
a:hover{text-shadow: 0 0 1.5px #e2e2e2, 0 -5px 4px #ff3, 1.5px -6px 6px #fd3, -2px -8px 9px #f40, 1.5px -10px 10px #f10;text-decoration:none;}
Step 5 And after that click
on Save template button.
Alternative Steps
If you don't
find a:hover in your template then just add the script
after/below <b:skin><![CDATA[
line.
a:hover{text-shadow: 0 0 1.5px #e2e2e2, 0 -5px 4px #ff3, 1.5px -6px 6px #fd3, -2px -8px 9px #f40, 1.5px -10px 10px #f10;text-decoration:none;}
Now check
your Blog and mouse over on a link and see fire effect on your blog link. If
you have any query then you may ask. Thanks for being with us.
Post a Comment