Wednesday, November 08, 2006

Adding a link list to the sidebar in your blog

This post is written to help a new blogger add a link list to the sidebar in his blog. The link list will be sligtly different from the default link list provided by default in most standard Blogger templates. It will not be an unodered list, which will have gaps in between links, and take up valuable real estate. If you prefer to have space between the links, just add an extra <br /> to the end of HTML for the link. The more <br /> you add, the wider will be the space between the links. Also, if you like my blogs and find it helpful, and want to easily come back to this (and other blogs) plus help other Blogger bloggers find useful information, perhaps you can add this to the template of your sidebar:

<h2>Blogger Resources</h2>
<a href="" target="_blank">Blogger Tips and Tips</a><br />
<a href="" target="_blank">Dummies Guide to Google Blogger</a><br />
<a href="" target="_blank">Testing Blogger Beta</a><br />

Highlight the whole code (click on the inside of the box, press CTRL+A, right click and select copy, then click in a suitable position of your template. To find a guide to where to paste it, this post can help you: Adding content via the Blogger template (click "BACK" button to get back to this page). You can add or subtract from the list of links as you wish.

The above is for those using the Blogger classic template. The way to add a link list is different in the Blogger Beta template. For that, you can add a link list by clicking on "Add a Page Element" in the Layout. More about that later.

If you prefer to separate the links more, you can use an unordered list instead. Then the code you should add will be:
<h2>Blogger Resources</h2>
<li><a href="" target="_blank">Blogger Tips and Tips</a></li>
<li><a href="" target="_blank">Dummies Guide to Google Blogger</a></li>
<li><a href="" target="_blank">Testing Blogger Beta</a></li>

The codes given in the first box will cause this to display in the sidebar in the chosen position:

Blogger Resources

Blogger Tips and Tips
Dummies Guide to Google Blogger
Testing Blogger Beta

and in the second case:

Blogger Resources

You can also use Link List Page Element, but the advantage of using the HTML/Javascript PageElement is that you can backup Link List made using HTML/Javascript Page Element. Link List made using the Link List Page Element cannot be backed up, and if you ever have to change the template, it is highly likely it will be deleted and you will have to start all over again. For fuller details, see Backup template PLUS Page Elements and changing new or backup template



  1. Anonymous11/18/2006

    How do I make it look the second list if I use Beta Blogger? I hate how the links get smooshed up together.

    Very informative blog!

  2. Thanks for your comment. Your comment has reminded me that I need to update the post for Blogger Beta.

    It is very easy to add a second link list in Blogger Beta. Just click on another "Add a Page Elemant" in the Layour. In the resulting pop-up, select "Link list", then if you wish it to have a title like for example "Blogger Respources", add the title in the Title field. You will be asked to fill in 4 more fields - Number of links to show on the list (it is best to just leave this blank, then you can add any number of links to the list), a drop-down menu to select "don't sort", "sort alphabetically and "sort reverse alphabetically, and finally the New site URL and the New site name. You need not have to deal with HTML coding.

  3. Anonymous11/18/2006

    Sorry... guess I didn't ask the question right. I know how to make the link list... I just hate that there are no blank lines between each link, making the list (or lists) look crowded, especially if the name of the link is more than one line long.

  4. Anonymous12/03/2006

    Very helpful blog. Really useful guides for the beginner in clearly explained format. Thanks!


Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics