Here's steps for adding multi-level menu :
1. Add this code before </head>
<script src="http://dinhquanghuy.110mb.com/superfish.js" type="text/javascript"></script>
2. Find this
.nav li ul { background:#fff; position:absolute;left:-999em;width:172px; margin:0px 0px 0px -2px; border:1px solid #dfdfdf; border-width:1px 1px 0px; z-index:999; }
and delete left:-999em;
3. Add this code before ]]></b:skin>
.nav li ul {display:none;}
4. Now find this code :
<ul class="nav" id="cat-nav">
<b:section id='menu' showaddelement='no'>
<b:widget id='LinkList1' locked='false' title='menu' 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 the code of menu like that :
<ul class="nav" id="cat-nav">
<li><a href="link to category">Category</a></li>
<li><a href="link to category">Category</a></li>
<li><a href="link to category">Category</a>
<ul>
<li><a href="link to sub-cateogry">link to sub-category</a></li>
<li><a href="link to sub-cateogry">link to sub-category</a></li>
<li><a href="link to sub-cateogry">link to sub-category</a></li>
</ul>
</li>
</ul>
That's all . I really hope it useful for you .
I already find it but I can't see what u tell me like below script so how can I fine it?
ReplyDeleteThe code in number 2
The code in number 4
Just add this code below this (Code for number 2)
Delete-----------------------------------------------
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com
----------------------------------------------- */
/* hide navigation bar */
#navbar {
display: none !important;
}
/* category navigation */
.nav { z-index:99; float:left; margin:0px; padding:0px; list-style:none; line-height:1; height:35px; border-right:1px solid #fff; }
.nav a { position:relative; color:#444; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-left:1px solid #fff; border-right:1px solid #dfdfdf; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover, .nav li a:active, .nav li.current-cat, .nav li.current-cat-parent { background:#f9f9f9; color:#004276; }
.nav li ul { background:#fff; position:absolute;width:172px; margin:0px 0px 0px -2px; border:1px solid #dfdfdf; border-width:1px 1px 0px; z-index:999; }
.nav li ul li { border-top:1px solid #fff; border-bottom:1px solid #dfdfdf; border-right:none; }
.nav li ul li a { background:#fbfbfb; width:147px; padding:7px 12px; color:#333; font-size:11px; font-weight:normal; }
.nav li ul li a:hover { background:#f9f9f9; color:#004276; text-decoration:underline; }
.nav li ul ul { margin:-31px 0px 0px 171px; }
============
And code for number 4 just add in "blogger widgets html javascript"
Great post and right to the point. I am not sure if this is in fact the best place to ask but do you guys have any idea where to get some professional writers? Thank you
ReplyDeleteWeb development Company
Thank you very much for sharing this information. I like this side. Its really a great article. So please give me some important information about this side.
ReplyDeleteSeo Expert Web Services