Tutorials, tips and tricks about Blogger

14 Dec

Create a widget to add a link to your blog

3 Comments | by in SEO, Tips and Tricks | 2009

Español Português

In this article we’ll show you how to create a widget (code segment) so that your visitors only have to press a button to add a link to your blog on their own.

  1. Go to "Layout" tab.


  2. Add a "HTML/Javascript" element in the section you wanna have the button.
  3. Set the title as "Add us", or any text you want for the button. You can leave it blank too, it will add some default text.
  4. Paste the following code in the "Content" field:
    <form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
    <input value="" name="widget.title" type="hidden" />
    <textarea style="display: none;" name="widget.content">
    <!-- Link's code -->
    <a href="http://YOURBLOG.blogspot.com">TU BLOG</a>
    <input value="Add YOURBLOG to your Blogroll" name="go" type="submit">
    <input type="hidden" name="infoUrl" value="http://blog.btemplates.com/create-a-widget-to-add-a-link-to-your-blog/"/>

    Here you have to make some changes:

    http://YOURBLOG.blogspot.com – Your blog’s address.

    YOUR BLOG – Your blog’s name or an image’s code. It willl be shown in the Blogroll of the one who’s adding you.

    Add YOURBLOG to the Blogroll – The message you wanna show on the button.

    This code work for another CMS or webs, but it only can be added by Blogger’s users.

  5. Save the changes an it’s done.

Lee este artículo en español.


3 Comments, leave a reply · Feed
  1. why i cannot add html/javascript gadget in a waightloss template …

  2. Manjinder Singh September 29, 2013

    Hello thanks for the post can we add some .gif animation on widgets

  3. Manjinder Singh September 29, 2013

    hello , can we add ,gif animation in widgets…


You must be logged in to post a comment.

Tutorials, tips and tricks about Blogger