Editing Horizontal Menu Links In Blogger Templates

Have you downloaded new blogger templates? nowdays blogger templates have top menu links that's really make it more awesome. Do you know how to edit top navigation links? Many bloggers, actually a new blogger do not know how to edit the default top menu links in the downloaded file. Okay now i'm going to share what i know how to edit the default Top menu links.

Step 1
Login to your blogger account >> Dashboard >> Layout >> Edit HTML >> Expand widget template.

Step 2
Preview your blog. I assumed you already install new templates. you must see top menu links like this below





Step 3
Copy the text you see in your top menu links. Okay for example we take HOME text



Step 4
Now search the Home text in your blogger templates. You'll find something like code below.

<li class='current_page_item'><a Title='Home' class='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-2'><a href='http://adsense-day.blogspot.com/' title='Contact'>Contact</a></li>
<li class='page_item page-item-2'><a href='http://adsense-day.blogspot.com/' title='Blogger Templates'>Blogger Templates</a></li>

or

<li><a href=''>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='http://adsense-day.blogspot.com/'>Blogger Template</a></li>

Step 5
Now change the links. The format should looks like below.

<li><a href='Your Links'>Home</a></li>
<li><a href='Your Links'>The title</a></li>
<li><a href='Your Links'>The title</a></li>
<li><a href='Your Links'>The title</a></li>

Now that's all don't forget to save it.
Note : Every templates have different style but the default format for top menu links just like showed above. Trying may fix your problem. Happy blogging.

Spread this article to the world