How to make a fork in Blog Navigation Menu

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 ...