Link to me widget for blogger

8/09 12:47:00 PM Sunday, August 9 ,

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]

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">
<a href="Your_Blog_URL.html" title="Your_Blog_Title" style="text-decoration:none;border:0;">
<img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" />
</a>
</textarea><br/>
<br/>
Optionally use this Widget installer to add this link to your blogger blog.
<form action="..." method="post" target="_blank">
<input style="display: none;" value="My Favourite Site" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
<a href="Your_Blog_URL.html" title="Your_Blog_Title" style="text-decoration:none;border:0;">
<img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" />
</a>
</textarea>
<br/>
<input style="border:0px;" src="..." 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

68 comments :

  1. WidgetBloggerAugust 9 at 6:53 PM

    nice one

  2. sam'August 11 at 11:39 PM

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

  3. AnonymousAugust 14 at 2:11 PM

    This was really useful.
    Thanks

  4. UnknownAugust 18 at 5:18 PM

    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

  5. UnknownAugust 18 at 5:22 PM

    thanks for the appreciation! :)

  6. dobloger followAugust 24 at 12:24 AM

    Great Post, Thank for share

  7. Adsense BlogAugust 28 at 11:13 PM

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

  8. pengumpul blogSeptember 4 at 8:43 AM

    hi, Nice post. i will Practice in my blog

  9. MansurSeptember 10 at 4:45 AM

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

    direct to the blog i specify in coding...

    i need help from u.. thank you..

  10. MansurSeptember 10 at 4:52 AM

    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


    Enjoy:

  11. Dr Aphys FadeSeptember 10 at 8:56 PM

    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.

  12. UnknownSeptember 10 at 9:06 PM

    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

  13. hot keywordSeptember 10 at 11:56 PM

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

  14. Secret AdmirerSeptember 16 at 4:06 PM

    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

  15. UnknownSeptember 16 at 4:14 PM

    @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.. ;)

  16. braliSeptember 21 at 3:20 AM

    verry important widget thanks for information

  17. sweetcurlsOctober 24 at 9:30 PM

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

  18. Khmer SpyNovember 19 at 8:19 PM

    Working good.

  19. kerja keras adalah energi kitaDecember 24 at 1:04 AM

    what if it descibe also by picture to make easier to understand

  20. SpinbanksDecember 29 at 7:15 PM

    i luv it!!

  21. UnknownJanuary 4 at 10:01 PM

    nice....good article

  22. Mama AdamJanuary 12 at 10:05 AM

    Thanks, works perfectly...

  23. MohanlalJanuary 13 at 6:08 PM

    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...

  24. weeJanuary 19 at 12:40 AM

    thaks you..

  25. Blogger ThemesMarch 27 at 5:13 AM

    Hi, can I see a preview of this widget?

  26. ErenceMarch 30 at 4:50 AM

    goods

  27. SolanangApril 5 at 10:40 AM

    Too cute Broooooooooow
    klo how we are sharing ??????????????

  28. lemuresApril 9 at 8:14 AM

    said...
    thank you !!

  29. UnknownApril 15 at 11:52 AM

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

  30. LifePk ScandalsApril 15 at 9:13 PM

    thanks alot for sharing this nice tip with us..

  31. Cay MolasıApril 20 at 2:46 PM

    very nice thanks.

  32. templatesApril 20 at 2:47 PM

    good widget. Thank you so much.

  33. unek2kuApril 25 at 3:09 PM

    cool, ill try it, thanks for this info

  34. LoybuckzMay 22 at 8:41 PM

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

  35. Arif Budi SetyawanJune 2 at 7:03 PM

    Thanks..

  36. satuikuJune 7 at 10:55 PM

    Heloo....
    tks for article,
    nice

  37. lwikiJune 8 at 1:35 AM

    cool :)

  38. AnonymousJune 22 at 6:57 AM

    Nice tip

  39. The StorytellerJuly 19 at 12:14 AM

    Awesome!


    GBU
    Arti

  40. speak_englishJuly 26 at 1:45 PM

    gonna try, thanks a lot

  41. anyverse unitedAugust 3 at 4:48 PM

    nice widget.
    will try this on my blog soon.

    thanks,
    mitra

  42. thesoulhackerAugust 6 at 10:46 PM

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

  43. bebiAugust 9 at 7:18 PM

    how to edit size the form?

    thanks.

  44. RPiduguAugust 17 at 5:19 PM

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

  45. Flor MarthaAugust 27 at 3:10 AM

    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.
    Thanks

  46. TKMSeptember 3 at 4:58 PM

    Thanks for sharing some widgets. (y)

  47. W RussellSeptember 8 at 4:52 AM

    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?

  48. Seo of Grafis Idea's Creativity Content WritingSeptember 15 at 3:22 AM

    mantap. cools i love it ^_^

  49. UnknownOctober 3 at 10:16 PM

    thanks!

  50. DEC.IOctober 8 at 7:17 PM

    great widget

  51. JayzeeNovember 2 at 11:38 AM

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

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

    Thnx!

  52. ZainDecember 9 at 4:12 AM

    This is a very Great Video thanx for sharing with us

  53. SamreeDecember 16 at 2:13 PM

    Thanx !
    I liked it

  54. news popularityJanuary 7 at 9:23 PM

    nice i like it

  55. Way2readJanuary 14 at 11:23 AM

    Great widget for blogger backlink, thanks for sharing..

  56. MatematikaFebruary 10 at 1:40 PM

    Hvala!

  57. UnknownMarch 13 at 3:08 AM

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

  58. FlowerChicaMarch 14 at 5:14 AM

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

  59. Ethical HackingMay 9 at 11:20 AM

    Great i was looking for it now its up on my blog too...

  60. Valpo Blog NewsMay 24 at 8:09 AM

    Awesome widget, major props!!

  61. ElfIndo_SuperJunior13June 12 at 2:57 PM

    cool

  62. LiveJune 15 at 7:26 AM

    Thanks for your share!

  63. AsJune 28 at 6:41 PM

    Fantastic Aneesh, Just Fantastic! :)

  64. Mohini PuranikNovember 21 at 8:21 PM

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

  65. WEBSTIE GIÁ RẺFebruary 24 at 12:14 AM

    nice sharing!!!!
    thank you

  66. April 15 at 7:26 AM

    thanks for sharing thanks so much

  67. AdminJuly 12 at 10:31 PM

    Great Post, Thank for share.

  68. Hardik LamichhaneAugust 10 at 2:52 PM

    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