How To Put Easy To Copy Links Below Every Post On Your Blog

Sunday, 4 August 2013

How To Put Easy To Copy Links Below Every Post On Your Blog

In this post we will look at a cool blog tip in adding Easy Links below your blog posts.Easy links are links people can copy from below each post and use to link back to your blog or blog post.First lets look at the importance of getting links to your blog and making it easy for people to link to you.

Building back links to your blog is vital, in fact I'm sure regular readers are right now thinking "Here we go again hes like a broken record".But the fact remains if you want your blog to rank high is search engines especially Google, you need to get links from other blogs and websites to your blog.So this post is about making it as easy as possible for other people to link to your blog and more specifically your individual posts.

You obviously want to make it easy for people to link to this blog but also i think people may not think of linking to the blog until they see the easy links.In this case the easy links section is telling people two things - first it's OK to link to you (Some people don't know links are appreciated) and second we want you to link to us.
Screenshot Of Easy Link Section

How To Add Easy Backlinks Below Your Blog Posts

Step 1. To start this blogger tip in your dashboard click 'Layout' > 'Edit Html' > Tick the 'Expand Widget Templates' box.

Step 2. Find the following piece of code in your blogs template :
(Click Ctrl and F for a search bar to find the code - More Info)

<data:post.body/>

If <data:post.body/> is in your template html twice use the second one.

Step 3. Were the code needs to be placed - The code for the easy links needs to be placedDirectly Below / Under <data:post.body/>.

Step 4. The code used to display the links - This is the code im using at the time of writing this post.If you would like your link section to be the same copy the code and place it in the area shown above :
(Note : This code is set to automatically display links to Your Posts and Homepage you do not need to change anything)

<b>Write About Or Link To This Post On Your Blog - Easy Links :</b><br/>
Link Directly To This Post :<br/>
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>"><data:post.title/></a></textarea><br/>
Link To The Homepage :<br/>
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:blog.homepageUrl/>"><data:blog.title/></a></textarea>

Simply copy and paste all that code and place it were shown above then save your template.
I have highlighted in red the text and titles I'm using in case you want to change them.

Other Easy Links Options

By breaking up the code you could have a link to only the post or only the homepage :

This code will display a link to the post only :

<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>"><data:post.title/></a></textarea>

This code will display a link to homepage only :

<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:blog.homepageUrl/>"><data:blog.title/></a></textarea>

You could use the link to homepage on your sidebars or footer area instead of below the posts.To do this you would add the code to a Html/Javascript gadget.

It is an option to consider and thanks to Bollytadka for the question, if you would like to suggest a post or have any questions or suggestions feel free to ask in the comments or by using the Contact Me link in the menu bar.