Good day everyone!
When you are reading this blog now I'm sure that you are searching how to use Drop Down Menu and
linking to your content so in this tutorial I will share to you how to link Drop Down Menu and your
content in your blogs using the built in template but I assume that the template you are using has already
Drop down Menu functions but not yet configure or link to your content. If you don't have a template with
Drop Down Menu you can download it HERE.
So here's the sample code:
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='http://tecsupportandmore.blogspot.com/2013/07/guide-on-how-to-invest-in-philippine.html'>Stock</a></li>
</ul>
</li>
As you can see above, the name of the Drop Down menu are "Home" "Business" and " Downloads" . When you click the Business Menu Button the drop down sub-category you will see are Internet, Market and Stock. In this example I just link the subcategory of Drop Down menu of Business which is the Stock with the link of http://tecsupportandmore.blogspot.com/2013/07/guide-on-how-to-invest-in-philippine.html. So when you click the button Business then Stock then automatically you will be redirected to the blog content of the Stock Article.
To edit the HTML just follow the illustration below:
1. Go to your blog dashboard
2. Then click the name or title of your BLOG.
When you are reading this blog now I'm sure that you are searching how to use Drop Down Menu and
linking to your content so in this tutorial I will share to you how to link Drop Down Menu and your
content in your blogs using the built in template but I assume that the template you are using has already
Drop down Menu functions but not yet configure or link to your content. If you don't have a template with
Drop Down Menu you can download it HERE.
So here's the sample code:
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='http://tecsupportandmore.blogspot.com/2013/07/guide-on-how-to-invest-in-philippine.html'>Stock</a></li>
</ul>
</li>
As you can see above, the name of the Drop Down menu are "Home" "Business" and " Downloads" . When you click the Business Menu Button the drop down sub-category you will see are Internet, Market and Stock. In this example I just link the subcategory of Drop Down menu of Business which is the Stock with the link of http://tecsupportandmore.blogspot.com/2013/07/guide-on-how-to-invest-in-philippine.html. So when you click the button Business then Stock then automatically you will be redirected to the blog content of the Stock Article.
To edit the HTML just follow the illustration below:
1. Go to your blog dashboard
2. Then click the name or title of your BLOG.
3. Then click the "Template"
4.Then click Edit HTML
5. Now you can edit the Code. Just scroll down and look for the code regarding the Drop Down Menu
After editing dont forget to click Save then Publish.