How To Make Blogger PageList Widget Nofollow

Posted by Lasantha Bandara on July 12th, 2013 File Under : seo, widget5 Comments

This tutorial explains how to become links of your pagelist widget nofollow.

1. Login to your Blogger account and go to "Template"--> "Edit HTML" of your blog.

2. Now find your PageList widget code. (Note : You may also can find it by searching <b:widget id='PageList)

PageList widget code will look like this. But widget id (PageList1) can be different :

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <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>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

3. Now put blue colored code ( rel='nofollow' ) as the example below into your Link list code.

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href' rel='nofollow'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' rel='nofollow'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Important : You must include the space before rel='nofollow' as the example above.

Now save your template and you are done.

File Under : seo, widget

5 Responses to “How To Make Blogger PageList Widget Nofollow”

  1. Arham Sukardi says:

    Thanks for sharing this tutorial master.

  2. Jaimin Rafalia says:

    Nice information 😀

  3. Abhishek says:

    I think you should change the word "Become" to "Make" in title.

  4. Robert says:

    Thank you for the great tips maestro .

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.