Prevent editing or html of a div [duplicate]

In a blog, when someone gets a template of mine and is to remove or edit a part of the html I want it redirected to my url, however, it is not the id, or text is the html of a certain div that is important to me.

#remove {height:30px;} #remove iframe{width:100%;height:32px;position:fixed;top:0px;left:0px;z-index:1;overflow-x:hidden;}



<div id='remove'><iframe border='0' frameborder='0' marginheight='0' marginwidth='0' name='topo' noresize='noresize' scrolling='auto' src='https://remove.blogspot.com/2000/01/top-1.html'/></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>$(document).ready(function(){varelemento=$('#remove');if(elemento.length>0){}else{window.location='http://github.com';}if(elemento.text!=="<iframe border='0' frameborder='0' marginheight='0' marginwidth='0' name='topo' noresize='noresize' scrolling='auto' src='https://remove.blogspot.com/2000/01/top-1.html'/>") {
  } else {
    window.location = 'http://github.com';
  }
});

In the above code I only managed to work if I get the id of the div, but if someone takes the html from the div or edit it nothing happens. Another thing is to prevent changing the html by css if possible, in short, the html has to appear on the page I created.

If you have any other way to do this, thank you.