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.