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="http://blogger-tricks.blogspot.com" target="_blank">Blogger Tips and Tips</a><br />
<a href="http://bloggerfordummies.blogspot.com" target="_blank">Dummies Guide to Google Blogger</a><br />
<a href="http://testing-blogger.blogspot.com" 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>
<ul>
<li><a href="http://blogger-tricks.blogspot.com" target="_blank">Blogger Tips and Tips</a></li>
<li><a href="http://bloggerfordummies.blogspot.com" target="_blank">Dummies Guide to Google Blogger</a></li>
<li><a href="http://testing-blogger.blogspot.com" target="_blank">Testing Blogger Beta</a></li>
</ul>

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

• Blogger Tips and Tips


• Dummies Guide to Google Blogger


• Testing Blogger Beta

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

NEWER POST

HOME

OLDER POST