"Link To Me" Widget For Blogger

Blogger IconThis is a very helpful widget which you can place to your Blogger/Blogspot blog’s sidebar. It helps your readers link back to your blog in an easy way. In this post shows the steps to make a new " Link To Me Widget" which will display the code needed for a reader to link back to your blog. It will also provide a "Add To Blogger Button". This tool can also help you to get backlinks for your Blogspot blog.

This button will work like a widget installer,which makes it easier for your readers to add your link.They can link back to you easily by adding your "Link To Me Widget".

Follow these steps to install this widget to your Blogspot or Blogger Blog.


Step 1 : 

Make a small logo of your blog,which can easily fit into any blog sidebars.


Step 2 : 

Upload this image somewhere. Like Picasa, Flicker and not the image url.


Step 3 :

Now copy the following code into a text file like notepad.


<p>If you like this blog,then link back to me.<br/>
This is what you will see.</p>
<div style="text-align: center;">
<a style="border:0px;text-decoration:none;" href="Your_Blog_URL" title="Your_Blog_Title">
<img alt="Your_Blog_Title" style="border: 0px;" src="Url_of_a_Small_logo_of_your_blog"/>
</a>
</div>
<textarea rows="3" cols="30">
&lt;a href="Your_Blog_URL" title="Your_Blog_Title" style="text-decoration:none;border:0;"&gt;
&lt;img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" /&gt;
&lt;/a&gt;
</textarea><br/>
<br/>


Optionally use this Widget installer to add this link to your blogger blog.


<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input style="display: none;" value="My Favourite Site" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
&lt;a href="Your_Blog_URL" title="Your_Blog_Title" style="text-decoration:none;border:0;"&gt;
&lt;img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" /&gt;
&lt;/a&gt;
</textarea>
<br/>
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="Link To Your_Blog_Title" name="go" type="image"/>
</form>


Step 4 :

In this code replace all occurrences of Your_Blog_Title with the Title of your blog, Your_Blog_URL with the url of your blog and Url_of_a_Small_logo_of_your_blog with the url of the logo that you uploaded.


Step 5 :

Log into Blogger. Go to your Blogger Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript


Blogger Design
Blogger page elements
Blogger add a gadget
Blogger HTML/JavaScript


Step 6 :

In that widget paste the modified code and hit save.
Now you should have a link to me widget on your blog. If you want to test the Add Link With Blogger Button. Then try adding the widget to your blog itself.