Tutorials, tips and tricks about Blogger

09 Mar

Add links to a pages based menu on Blogger

5 Comments | by in Tutorials, Widgets | 2011

Español Português

The pages widget on Blogger is very useful for use as menu, however, it has a weakness: you can’t add links directly from the panel, but this is possible from the code.

Step by step:

1. Go to your template code (Desktop → Design → Edit HTML) and expand widget templates.

2. Search the pages widget code, it looks more or less as follows:

<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
      <b:loop values='data:links' var='link'>
        <b:if cond='data:link.isCurrentPage'>
          <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <li><a expr:href='data:link.href'><data:link.title/></a></li>
    <b:include name='quickedit'/>

To facilitate the search, can search with your browser: id = ‘PageList

3. Once you locate the code, there are two places where you can put new links:

  • Before <ul>. The link will be the first one in the menu.
  • After </ul>. The link will be the last one in the menu.

As this is an HTML list, the link will follow this format:

<li><a href='http://mysite.com/mylink/'>My link</a></li>

You can add as many links as the design permits. Always taking care of opening and closing tags correctly.

4. Save the changes.

In this way you can add links to a important label, an external site, the feed url or any other link.


5 Comments, leave a reply · Feed
  1. Thank you so much! I have been trying to figure this out FOREVER! none of the other tutorials were working!

  2. Noisy Quiet May 18, 2011

    Nice! Thank you 🙂

    Quick correction. I think you meant to say insert the link after ul or before /ul. You have that reversed in your directions.

  3. I followed your instructions but am a little confused now. I’m brand new at this so bare with me. Now, how do I link the category/page links to the posts? Right now if you click on the page link it says page does not exist. I’ve tried numerous ways. I also entered a url under the post heading. That does nothing. I’m not even sure why that is there. Could you help me link my post to the correct category heading? Feel free to give me any constructive criticism on the layout, etc.


  4. kingsley April 11, 2012

    thanks for ur information

  5. Thank you for your help.I got what I looked for.


You must be logged in to post a comment.

Tutorials, tips and tricks about Blogger