Pages

Wednesday, November 11, 2015

How to Add Read More Attribution Links to Copied Text in Blogger

Adding a read more attribution link or copyright to every copied text in your blog or blogger automatically includes credit links to the original source of the content each time someone copies part or all of the content from the Website and pastes it into an email, social network or in a blog post. On visiting most blogs, you'll notice that the read more attribution has been implemented. This is because it improves a blog's search rank by increasing the number of backlinks pointing to the blog. With this script, you're assured of getting meaningful traffic to your blog since  the page URL is inserted into the shared or copied content, enabling users to click through to view the full content on your site. Also, making sure that every post copied from your blog has a link pointing to your site ensures you get credit for your content.

Also Read: How to Add HTML Parse Tool To Blogger
                    How to Add 'Search Description' On Blogger

Add credit links to copied text in blogger

Who should Use The Read More Attribution Links ?

It is limited to those who don't include codes in their blog post that have to be copied by their readers, that is, non-tutorial blogs. For Blogs that have programming codes, blogger gadgets and widgets codes and so on, it is not advisable to implement this. This is because of the errors your readers might encounter while running the codes since your link has been added to it. Below are the guidelines on how you can get a link back to all the post copied from your blog.

Also Read: How to Insert Tables In Blogger Post
                    How To Show Adsense Below Post Title 

How to Add a Source Link or Copyright In Blogger

  • From your blogger dashboard, goto 'template'.
  • Click on 'edit html'.
  •  Click inside your template, using ctrl+f  keys search for </head>.
  • Copy this code and paste 'above' the </head> tag.


<script type="text/javascript">

function addLink() {

var body_element = document.getElementsByTagName('body')[0];

var selection;

selection = window.getSelection();

var pagelink = "<br /><br /> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />Copyright &amp;copy; informationtutorial15"; //change the copyright to yours

var copytext = selection + pagelink;

var newdiv = document.createElement('div');

newdiv.style.position='absolute';

newdiv.style.left='-99999px';

body_element.appendChild(newdiv);

newdiv.innerHTML = copytext;

selection.selectAllChildren(newdiv);

window.setTimeout(function() {

body_element.removeChild(newdiv);

},0);

}

document.oncopy = addLink;

</script>


Also Read: Automatically Open all External Links in a New Window On Blogger
                    Automatically Add Nofollow Attribute to External Links On Blogger

  • Save your template and you've successfully added a read more attribution link to any post that is copied from your blog.

Posted by at
Labels: , ,