09 December 2010

Change "Pages" gadget to "Menu Links" into Blogger template

Advertisements

You have seen that most of the Blogger templates have "Pages" as their top navigational menu (e.g. iDream template). To add links to this Pages menu you have to create separate pages. Now you can modify the template to change this Pages gadget to Link List easily.



To do this just follow the steps bellow:

1. Go to Blogger dashboard > Design > Edit HTML. DO NOT click on Expand Widget Templates

2. Press CTRL + F and look for

<b:widget id='PageList

You will get following code

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>

3. Replace above entire code with following

<b:widget id='LinkList786' locked='false' title='Menu' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<li class='selected'>
<a expr:href='data:blog.homepageUrl'>Home</a>
</li>
<b:else/>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
</b:if>
<b:loop values='data:links' var='link'>
<b:if cond='data:blog.url == data:link.target'>
<li class='selected'>
<a expr:href='data:link.target'><data:link.name/></a>
</li>
<b:else/>
<li><a expr:href='data:link.target'><data:link.name/></a>
</li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Save the template. It will say your template not include Page list. Your work is done.

4. Go to Page Elements and add your links to "Menu" gadget.

Related Posts

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More