In latest version of Simplex Blognews ,Multi-level menu is integrated as a part of template file .
I have a question via mail , ask me for multi-level menu for Simplex Blognews template because they have many categories and sub categories .If using default Link list widget of template ,it will break the template structure .
So here is my instruction for making multi-level menu for Simplex Blognews template :
1,Open template in any word editor
2,Add this line before </head>
<script src="http://dinhquanghuy.110mb.com/template/jqueryslidemenu.js" type="text/javascript"></script>
3, Find this code :
<ul>
<b:section id='topcat' showaddelement='no'>
<b:widget id='LinkList1' locked='false' title='Top Category' type='LinkList'>
<b:includable id='main'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</ul>
and replace it with this code :
<ul>
<li>
<a href="link to category">Home</a>
</li>
<li>
<a href="link to category">World News</a>
<ul class="children">
<li><a href="link to subcategory">Category</a></li>
<li><a href="link to subcategory">Category</a></li>
<li><a href="link to subcategory">Category</a></li>
</ul>
</li>
<li><a href="link to category">Travel</a></li>
<li><a href="link to category">Sports</a></li>
<li><a href="link to category">Finance</a>
<ul class="children">
<li><a href="link to subcategory">Category</a></li>
<li><a href="link to subcategory">Category</a></li>
<li><a href="link to subcategory">Category</a></li>
</ul>
</li>
<li><a href="link to category">Entertainment</a></li>
<li><a href="link to category">Business</a></li>
</ul>
Remember to change the text in bold to your category and sub category . Link to category and sub category has structure : http://yourblog.blogspot.com/search/label/your-category
Save template and you are done .
upload it to Blogger and check the result .
No comments:
Post a Comment