Link to me widget for blogger

This is a nice little widget which can find its place in your blog’s sidebar.You might want to let your readers link back to you in an easy way.We will now make a new Link To Me Widget which will display the code needed for a reader to link back to your blog.We will also provide a Add link using Blogger Button.

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.

How to make the Link to me Widget?

1.First of all Make a Small Logo of your blog,which can easily fit into any blog sidebars.It should be small and pretty :P

2.Now upload this image somewhere.[You can use blogger to upload the logo if you want or you can opt for some service like tinypic.com]

3.Now note the url of this uploaded image

4.Ok now you Copy the following Code into a Text File

<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="https://www.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>

5.In this code replace all occurrences of Your_Blog_Title with the Title of your blog

6.Replace all occurrences of Your_Blog_URL with the url of your blog.

7.Replace all occurrences of Url_of_a_Small_logo_of_your_blog with the url of the logo that you uploaded.

8.Now your code is Ready!!

9.Copy out the modified code from your text editor.

10.Now Goto Blogger > Layout page

11.Choose to add a gadget and Opt for HTML/Javascript

12.In that widget paste the modified Code and 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.[You can remove it after testing!]

With Slight Modifications to the code,you can change this to a text link instead of an image link.

If you need some help in Customizing this widget, then drop in a comment or better contact me via a topic at the Blogger Forum

65 comments :

  1. great, ,
    i realy like this tutorial.
    thank's for the update

    ReplyDelete
  2. This was really useful.
    Thanks

    ReplyDelete
  3. cool...great...superb...i have been searching for this widget for so longgggg...

    perfectly working....so good to watch...
    well done man !

    i am already following you!

    see the widget on my blog ! itz fine

    www.freedownloads-arunenigma.blogspot.com

    ReplyDelete
  4. thanks for the appreciation! :)

    ReplyDelete
  5. Thank.... i was installed it into my blog.
    look up here

    http://trickadsense4u.blogspot.com

    ReplyDelete
  6. hi, Nice post. i will Practice in my blog

    ReplyDelete
  7. is possible to.. skip the step.. choose blog.

    direct to the blog i specify in coding...

    i need help from u.. thank you..

    ReplyDelete
  8. u may want to add target="mynewwin" in form tag. In order to submit form in new window without leaving current page..


    TQ for info..

    extra info: some other nice icon from facebook "add to blogger icon" see below.. it look nicer

    http://static.ak.fbcdn.net/rsrc.php/z1EW8/hash/835g64ua.gif

    Enjoy:

    http://www.fleedy.com

    ReplyDelete
  9. Thanks this is a great help.But i want a text code intead of an image code.What do i need to change in these codes.Once again,thanks.

    ReplyDelete
  10. remove the line which looks like

    <img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" />

    that is the 10th line and 19th line in the code provided..

    and replace both with YOUR TEXT

    ReplyDelete
  11. perfectly working....so good to watch...
    well done man !

    ReplyDelete
  12. cool tricks thanks but pls help i m unable to embed comment box on my blog wat should i do give me the trick pls

    ReplyDelete
  13. @CooL VicKy
    download a backup of your template and opt to reset the widget templates from the layout>edit html page

    Then opt for the embedded comment form from setting.. If anything goes wrong restore the old backup.. ;)

    ReplyDelete
  14. verry important widget thanks for information

    ReplyDelete
  15. i cant seem to make it work.. :( please help me....

    ReplyDelete
  16. Working good. Using here: http://kh-spy.blogspot.com/

    ReplyDelete
  17. what if it descibe also by picture to make easier to understand

    ReplyDelete
  18. All your gadgets are good but please add a demo to the corresponding gadgets. as it would appear on the blogger blog...
    Thanks...
    Good Luck...

    ReplyDelete
  19. Hi, can I see a preview of this widget?

    ReplyDelete
  20. Too cute Broooooooooow
    klo how we are sharing ??????????????

    ReplyDelete
  21. said...
    thank you !!

    ReplyDelete
  22. hey can u post a tutorials about how to get something like share this article u have on ur blog

    ReplyDelete
  23. thanks alot for sharing this nice tip with us..

    ReplyDelete
  24. cool, ill try it, thanks for this info

    ReplyDelete
  25. Great tip will add this to my blog. THANKS!!!

    http://tektipsentriks.blogspot.com/

    ReplyDelete
  26. nice widget.
    will try this on my blog soon.

    thanks,
    mitra

    ReplyDelete
  27. thanks.....its great for my website:

    http://biotechview.blogspot.com/

    ReplyDelete
  28. how to edit size the form?

    thanks.

    ReplyDelete
  29. hi..good widget..i have to try..

    http://funkyxone.bogspot.com

    ReplyDelete
  30. Thanks for the ideia, but is not working well. Can you solve this? For the person who links to me is asking codes. Check here please.
    http://www.vidaemsociedade-sa.blogspot.com/
    Thanks

    ReplyDelete
  31. Thanks for sharing some widgets. (y)

    ReplyDelete
  32. How do you provide a widget to someone else with anchor text, creating a link back to you? Do you just do the same thing?

    ReplyDelete
  33. Thnx bro! It looks cool in my blog. U can visit my blog too for latest and some of the best online jobs.

    www.ezmoneyjobs.blogspot.com

    Do follow if u like it or u can give any feedbacks.

    Thnx!

    ReplyDelete
  34. This is a very Great Video thanx for sharing with us

    ReplyDelete
  35. Great widget for blogger backlink, thanks for sharing..

    ReplyDelete
  36. Thanks dude. . .. :) keep up the good work. cheers

    http://techburn.blogspot.com

    ReplyDelete
  37. This was a life saver... clearly trying to build this HTML on my own was a total failure!

    ReplyDelete
  38. Great i was looking for it now its up on my blog too...
    http://www.ehacking.net/

    ReplyDelete
  39. Fantastic Aneesh, Just Fantastic! :)

    ReplyDelete
  40. Right click and copy paste on my blog is disable. Then, how people will copy the code?

    ReplyDelete
  41. Great......but dear fren when i clicked to add to blogger it replys me "Woops that's an error" and error code is "bX-yalh9k"
    please solve

    ReplyDelete