SharedTutor | Tutorials For Everyone

Find your interesting tutorials in SharedTutor.com. Get your tutorial about Computer, Blogging, Makemoneyonline, Games, Design, and more!

Creating Blogger PageList Widget NoFollow



This image does not have any alt text

Today we’ll be bringing you a cool tutorial in the maestro Lasantha Bandara and he’s planning to show you how you can create a pagelist widget nofollow.
The steps have become easy and simple to adhere to so even starters are able to do it as well.

Below will be the steps:


  • Login to Blogger > Blogger Dashboard > check out Template



  • Go to Edit HTML



  • Look on your PageList widget code by searching this code <b:widget id=’PageList


However, as outlined by Bandara, widget id (PAgeList1) could 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’ ) to 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, make sure you back it up first. Hope this featured tutorial helps to bring a brand new look in your website.



No comments

Post a Comment