Add Fire Effect on your Blogger Template Link

link effect

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.


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. 
  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>
Go Up