google yahoo msn youtube aol wikipedia  amazone  facebook twitter


Saturday, August 21, 2010

Home » , , » How to add external link on Pages tabs?

How to add external link on Pages tabs?

One of tens ideas to make navigation bar is by modify HTML. One of them is by adding pages Tabs. By default, this pages tabs will redirect the link to any static page within the blog. It would redirect to http://BLOG_NAME.blogspot.com/EXTERNAL_LINK_URL.

So, how to create an external link on the pages tabs?

This will need a little modification on your template HTML. Please save your template first before make any change.


On your HTML Edit Template, check the Expand widget and find below code:

         <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>

 Add any external  link in between </b:loop> and  </ul>, so the whole code will look like this:

        <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>     
        <li>   <a href="EXTERNAL_LINK_URL">Tab Name</a> </li>                 
        </ul>

<li> represent item list, You can add more than one external link there.

For the example, I have 2 Page Tabs with external link in this blog, i.e. My Scribd and aStore. The remaining Tabs are page tabs that redirect to internal link.