New Signature Project Protector ( Upgraded )

=>Signature Project Protector

This is the next generation of "copycat code protection" developed to protect your codes from pesky copycats who love to steal codes from here on Sololearn and other places on the web.
Though this "next signature project protector" is not a 100% sure security means it is a step in the right direction to say who the material belongs to and not to copy it.

This is designed with you in mind as well as your projects.
It will display a small profile picture which will be displayed and hover next to your program identifying you as the created by / author along with a release date / copyright date

Secondly you have a small stationary Sololearn CSS PROTECTED material box which also should have your release date you enter and a TimeStamp which I have a program which by the way creates a timestamp ( click on the lime green button at the bottom )

Quick and Easy to copy and paste into all your projects after you get a master
ALL the details are clearly explained step by step

We do have a more secure method as well - designed by KrOW... however, there seems to be some problems using it here via the playground but it does work and work well on traditional websites.

Your content will be displayed in it's normal location given that you don't use or call by
< id = "logo"> or < id = "logo2">
and before you install this simply remove the </Body> and </html> tags at the bottom of the <html> playground and paste

<style> 
/* Do Not ALTER except where I indicated */

#logo 
{
  position: absolute;
  left: 0%;
  bottom: 5px;
  width: 25px;
  border-radius:25px;
  opacity: 100;
  }
  
.bottomright {
    position: absolute;
    bottom: 8px;
    right: 42px;
    font-size: 10px;
}
#logo2 {
    height: 81px;
    width: 100px;
    border: 1px solid #FF0;
    background: url("http://www.sololearn.com/uploads/css_logo.png") no-repeat 50% 50%;
    background-size: 100px 100px;
}
  
.bottomright {
    position: absolute;
    bottom: 8px;
    right: 42px;
    font-size: 10px;
</style></body>
    
<footer>
    
<div class="img" id="logo2" style="height:25;width:25"><em><small>©</small></em> <br> <em><small></small></em> <br /><strong>PROTECTED material</strong>

<a target="_blank" href=""><img id="logo" src=""/></a>  
</div>
    
  <div class="bottomright"> Created by:</div>
</div>
      
      </footer></html>

Copy/Paste and Edit

Next SignatureProjectProtector