Home » » How to Add Non Removable Credit Links in Blogger

How to Add Non Removable Credit Links in Blogger

Posted by Rom Flash Media on Wednesday, April 12, 2017

Creating a Blogger blog template is a combination of task and imagination. It takes longer to frame the design, edit the actual picture as well as put these in for you to code. And so the blog designer always be prepared to intact their particular credit URL on free blogger template. Even so, new bloggers apparently take a new shortcut, they just copy and paste posts as well as codes from other sites without leaving any credit to original author. They will not respect for the designer who gives a lot of efforts to manufacture a template. So should you be a website designer you have to take a few steps to prevent new blogger to take out or personalize credit URL? By this method, if any tries to remove your credit link then their blog automatically redirects to your blog, which leads you lot of traffic. The only way to use your template is that to use with credit link. So let's start this amazing tutorial.

MAKING YOUR JAVASCRIPT:

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 after <head>


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

});
//]]>
</script>


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

Https://trickzbuzz.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 next step.

USING DIV STRUCTURE


<div id='#mycredit'>     Designed By <a href='https://trickzbuzz.blogspot.com//' id='#mycredit'>TrickzBuzz</a>   </div>

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

HIDING THE JAVASCRIPT IN EXTERNAL HOST


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

$(document).ready(function(){var aa=$("#mycontent").val();if (aa == null) {    window.location.href = "https://trickzbuzz.blogspot.com/";}; $("#mycontent").attr("href","https://trickzbuzz.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 an end, in Save As type place select 'All Files' and in Encoding select 'UTF8' that is it.
See below screenshot:




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/4825462Trickzbuzz-summary.js' type='text/javascript'/>

Paste this below <head>
That's it ! this should help you hide your javascript.


0 comments:

Post a Comment

Popular Posts

Blog Archive

.comment-content a {display: none;}