Home » Blogger Tutorials, Tricks and Hacks » Blogger Posts / Archive Tricks » Creating Blogger PageList Widget NoFollow

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Creating Blogger PageList Widget NoFollow

Creating Blogger PageList Widget NoFollow

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

925 views

Today we’ll be bringing you a cool tutorial from the maestro Lasantha Bandara and he’s going to show you how you can create a pagelist widget nofollow.
The steps are very easy and simple to follow so even starters can do it as well.

Below are the steps:

  • Login to Blogger > Blogger Dashboard > go to Template
  • Go to Edit HTML
  • Look for your PageList widget code by searching this code <b:widget id=’PageList

However, according to Bandara, widget id (PAgeList1) can be different. Below is the 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'><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>

Follow the example code below. Put this color blue code ( rel=’nofollow’ ) 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>

Note: In the provided code above, include in the space before rel=’nofollow’

Hit Save.

Before customizing your template, be sure to back it up first. Hope this featured tutorial helps to bring a new look in your site.

 

Liked It ? Please Share

Comments

3 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Lee Style says:

    realy nice 😉
    one of the greatest blog

    thank you

  2. Great Post Thanks for sharing with us

  3. Nice Post….
    Look at my blog

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here