How to make a fork in Blog Navigation Menu by Ma $ kar_cool.com
Navigation Menu branched (dropdow menu) is a navigation menu that serves to connect the link to each other links, usually placed below or above the header
to make it as follows:
1. Login to the dashboard ---> layouts ---> Edit HTML (check: expand template widget) 2. Find the following code:
]]></ B: skin>
3. Copies of the code below and paste the code above:
/ * Navbar * /
# Menu {margin: 0 auto; padding: 0; height: 30px; width: 100%; display: block; background: url (http://i40.tinypic.com/21bnh2e.jpg) repeat-x;
opacity: 0.99; filter: alpha (opacity: 50);}
# Menu-search {float: right; display: inline; padding: 3px 5px 0 0;}
# Menu ul {padding: 0; margin: 0;}
# Menu ul li {padding: 0; margin: 0; list-style: none; display: block; float: left;}
# Menu ul li a {float: left; padding-left: 15px; display: block; color: # 330000; text-decoration: none; font: 13px Verdana, Arial, Helvetica, sans-serif; background: url (http: / / i40.tinypic.com/21bnh2e.jpg) 0px-30px no-repeat; line-height: 30px; padding-right: 15px;}
# Menu ul li a: hover {background-position: 0px-60px; color: # 330000;}
# Menu ul li a.active,. A.active menu li: hover {background-position: 0px-90px; color: # 330000;}
# Menu ul ul li {display: none;}
# Menu ul li: hover ul, # menu ul ul li.hover {position: absolute; max-width: 175px;
display: block; background: # 000000; margin: 2px; clear: left; margin-top: 30px;}
# Menu ul li: hover ul li, # menu ul ul li li.hover {width: 175px; float: left; background: display: block;}
# Menu ul li: hover ul li a, # menu ul ul li li.hover a {border-top: 0px dotted # fff; background: LightSkyBlue; width: 175px;}
# Menu ul li: hover ul li a: hover, # menu ul ul li li.hover a: hover {background: # 00CCFF;}
. Status-msg-wrap {
display: none;
}
4. Save and go to ---> layouts ---> click add gaddget that exist under the blog header.
Then select HTLM / JavaScript, after the JavaScript window pops up, copies paste the following code:
<div id="menu">
<ul>
<li> <a class="active" href="/"> Home </ a> </ li>
<li> <a href="#"> Menu 1 </ a> </ li>
<li> <a href="#"> Menu 2 </ a>
<ul>
<li> <a href="#"> Menu 2.1 </ a> </ li>
<li> <a href="#"> Menu 2.2 </ a> </ li>
</ Ul> </ li>
<li> <a href="#"> Menu 3 </ a>
<ul>
<li> <a href="#"> Menu 3.1 </ a> </ li>
<li> <a href="#"> Menu 3.2 </ a> </ li>
<li> <a href="#"> Menu 3.3 </ a> </ li>
<li> <a href="#"> Menu 3.4 </ a> </ li>
</ Ul> </ li>
<li> <a href="#"> Menu 4 </ a> </ li>
<ul>
</ Ul>
</ Ul> </ div>
Then Save, without a title on it.
notes for the code # "fill in the url address of your target (see the image around the bottom), do not sign on the removed petiknya and written menu, menu 1, menu 2 so please use the appropriate will. for example: a. for a single (note 'Menu1 "only)
<li> <a href="#"> Menu1 </ a> </ li> changed the code, become:
<li> <a href="http.www.maskarcyber.tk/2010/01/tentang-saya.html"> About Me </ a> </ li>
b. to the branching (the words "menu2, menu3, etc.)
<li> <a href="#"> Menu 2 </ a>
<ul>
<li> <a href="#"> Menu 2.1 </ a> </ li>
<li> <a href="#"> Menu 2.2 </ a> </ li>
</ Ul> </ li>
changed the code becomes:
<li> <a href="http.www.maskarcyber.tk/"> Tutorials </ a> <ul> <li> <a href="http.www.maskarcyber.tk/2010/05/tutorial-blog"> Tutorials Blog </ a> </ li> <li> <a href="http.www.maskarcyber.tk/2010/10/tutorial-komputer"> Tutorials Computers </ a> </ li> </ Ul> </ li> and so on and save
to get the URL address of the target enough to see over your browser. Among ...
READ MORE - How to make a fork in Blog Navigation Menu
Postingan
