Home / jquery / non removable credit link / protect blogger template / tutorial / How to protect your Blogger Template from being stolen by adding non removable credit link

Sunday, September 18, 2016

How to protect your Blogger Template from being stolen by adding non removable credit link

Time - 

Designing a Blog template is a combination of hard work and creativity. It takes more time to frame the design, edit the picture and put all of them in to code .

protect your Blogger Template from being stolen

So the blog designer always expect to intact their credit link on free copy of templates. However, new bloggers seem to take a shortcut when they just copy and paste posts and codes from other blogs.

In the field of blogging niche newbies just copy and paste the codes and add their names to the credits. They do not respect to the contemplate of designer that a lot of effort had made in making of such templates.

So if you are a blog designer you have to take some steps to prevent new blogger to remove or customize credit link .

However, there is loop for every thing to get turn away this method help you. One can not change or remove the credit link just by changing footer credit link and name. Because there is a defined id which lead the whole body of template.

We are here with a stupendous combination of JavaScript and Div classes which will help you protect your templates and widgets.

Method 1

STEP 1 : SETTING UP JAVA SCRIPT


  1. This JavaScript will help you protect your credits by directly redirecting to your desired page when someone removes the credits.
  2. The JavaScript is as follows and should be placed before </head>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function()
{
var aa=$("#mycredit").val();
if (aa == null) {
    window.location.href = "http://seo-ready-template.blogspot.com/";
};
 $("#mycredit").attr("href","
http://seo-ready-template.blogspot.com/");
});
//]]>
</script>

Things to be know

- #mycredit : This is the name of the div class which we will use in our div setup. So if anyone removes this div class they will be redirected to the link highlighted in purple.

- http://seo-ready-template.blogspot.com/ : This is the link where the page will be redirected if the credits are changed or removed.

Once you have edited the javascript given above you can use the below div structure in correspondence with the above script. For this go to STEP 2

STEP 2 : USING DIV STRUCTURE

<div id='#mycredit'>
     Designed By <a href='http://seo-ready-template.blogspot.com/' id='#mycredit'>Key Yard</a>
   </div>

Make sure all the text highlighted in purple are '#mycredit' and text highlighted in red is http://seo-ready-template.blogspot.com/ or the same link that you want to redirect to.

STEP 3 : HIDING THE JAVASCRIPT IN EXTERNAL HOST


  • Authors could find the div id within the template and then revome the javascript.
  • Hence we can hide it by hosting the Javascript files externally.
  • Copy this code in notepad

$(document).ready(function()
{
var aa=$("#importantlinks").val();
if (aa == null) {
    window.location.href = "http://seo-ready-template.blogspot.com/";
};
 $("#importantlinks").attr("href","http://seo-ready-template.blogspot.com/");
});

Make necessary changes as suggested in Step 1

Click on the file menu and click on Save As

Navigate to the file saved

Now name your file with .js at end, in Save As type place select 'All Files' and in Encoding select 'UTF8' that is it.

See below

  • Save it and then go to your browser and go to dropbox.com it one of the reliable yet limited free online inventory. 
  • Avoid saving the name as Credit or anything similar as it might help us bluff the copycat. 
  • Sign Up or login as per your status. 
  • Then upload the file you just created to public folder. Get the link and paste it in this code

<script src='LINK' type='text/javascript'/>

Replace link with your dropbox link

For example
<script src='https://dl.dropboxusercontent.com/u/46317781/yourpcgeniereadmore.js' type='text/javascript'/>

Paste this below <head>

That's it ! this should help you hide your javascript.

Method 2

You can do this using jquery. There is a easy way to add this.
$(document).ready(function(){
            //Let's first setup the redirect
        function redirect(){
            window.location.assign('http://www.example.com');
        }

            //which things we got to check
        function check(){
                if($('#credits').length === 0){
                    redirect();
                }

                else if($('#creditlink').length === 0){
                    redirect();
                }

                else if($("#creditlink").attr("href") !== "http://www.example.com"){
                    redirect();
                }

                else if($('#creditlink').text() !== "Site name"){
                    redirect();
                } 
            }
        //execute the function on page load
        check();
        //excute the function at the intervals of 5 seconds.
        setInterval(function () {check()}, 5000);
        });

This program will better help you to add non removable credit link. But for which you need to add the HTML somthing like this

<div id="credits">  
            <a id="creditlink" href="http://www.example.com">Site name</a>
</div>

THE EDITORS WORDS

However, this need some div and java script knowledge you can protect your contents some how more encrypted box so any one can not easily steel. Be Blogger! Be Safer! Thank For Reading this guide.

3 comments:

Subscribe to: Post Comments (Atom)