How to remove blogger footer links

Add the style code below right before <div class='copyright'>

<style>.removelink{text-indent:-99999px;}</style>
<div class="removelink">

and remember to add an extra </div> at the end of the code. It’ll look like this:

<style>.removelink{text-indent:-99999px;}</style>
<div class="removelink"> 
<div class='copyright'> 
Designed by <a href='http://www.texliff.com/' id='mycontent'   title ='Blogger Tempelates'>My Site</a></div></div>

Then, copy the following part

Designed by <a href='http://www.texliff.com/' id='mycontent'   title ='Blogger Tempelates'>My Site</a>

You should remove id='mycontent' title ='Blogger Tempelates and paste the updated code (I mean this —— Designed by <a href='http://www.texliff.com/'>My Site</a>) RIGHT ABOVE this code: <style>.removelink{text-indent:-99999px;}</style>

In the end, what you will have is something like this:

<!-- Footer Copyright -->
2018 Mysite by <a href='https://www.texliff.com/'>Mysite</a> | Powered by <a href='https://www.texliff.com/' rel='dofollow' style='color:#666;' target='_blank'>Mysite</a>
<style>.removelink{text-indent:-99999px;}</style>
<div class="removelink">  
<div class='copyright'>
2018 Mysite by <a href='https://www.texliff.com/' id='mycontent' style='visibility: hidden'>Mysite</a> | Powered by <a href='https://www.texliff.com/' rel='dofollow' style='color:#666;' target='_blank'>Mysite</a>
</div>
</div>

This is the easiest method. Hope it helps

Post Credit goes to this humble Quora Author named Mustafa Cengiz.

To know about how to fix the errors caused by '&' in your blogger HTML code, visit error handling.