How to Edit the Top Menu section on blogger template

This time I want to share information about how to edit the top menu on our blog template. such as the home menu, pages, comments, posts, coments,,,,, until now it seems there is no way that can be easily edit and practical, but no problem koq,, certainly can deh friends,,,,,,
... To it, it goes without time soon, we immediately learn how to edit the menu at the top section of bloggers we have and there is little change html script code templates blog ... so remember sugeesti me to consider this carefully,,,, okeeee

>> 1st example, Check it Out Guys
1. Login to Blogger> Design> Edit HTML> Edit Template (do not forget check expand widget templates) ... Then Copy-Paste the HTML code templates in advance all your blog widgets into WordPad or Notepad, and have kept ... for so just in case ...
2. Press Control + F and search for the code "<div id = 'menu'>" ... that in my html code html script may be some different with your blog, so if you are using a new automated template facility, could in "find" keywords such as home and other parts,,, then check the
3. It will be seen code after "<div id = 'menu'> 'are like the example below ...
<div id = 'menu'>
    <ul>
     <li> <a Title='Home' expr:href='data:blog.homepageUrl'> Home </a> </ li>
     <li> <div class = 'gap' /> </ li>
     <li> <a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'> About </a> </ li>
     <li> <div class = 'gap' /> </ li>

     <li> <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'> Posts RSS </a> </ li>
     <li> <div class = 'gap' /> </ li>
     <li> <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'> Comments RSS </a> </ li>
     <li> <div class = 'gap' /> </ li>
     <li> <a href='http://www.blogger.com/'> Login </a> </ li>
    </ ul>
   </ div>

     </ div>


Specification:
> Change the name of the menu that I love the color purple, as desired
> Blue paint URL I also changed according to the name of the menu you set yourself ...

4. Finally save your template and see a blog that has been updated with a refresh, or click on 'view blog' '

... If you want to add more menu blog, just copy-paste the html code top menu its the example below:
<div id = 'menu'>
    <ul>
     <li> <a Title='Home' expr:href='data:blog.homepageUrl'> Home </a> </ li>
     <li> <div class = 'gap' /> </ li>
     <li> <a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'> About </a> </ li>
     <li> <div class = 'gap' /> </ li>

<li> <a href='menambah tengah'> menu in the Add menu in the middle </a> </ li>
     <li> <div class = 'gap' /> </ li>

     <li> <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'> Posts RSS </a> </ li>
     <li> <div class = 'gap' /> </ li>
     <li> <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'> Comments RSS </a> </ li>
     <li> <div class = 'gap' /> </ li>
     <li> <a href='http://www.blogger.com/'> Login </a> </ li>

     <li> <a href='menambah dibawah'> Add Menu menu below </a> </ li>

    </ ul>
   </ div>

or it could be as below >>>>>>

>> 2nd example
1. If the top menu html code in the 1st example of the code in the top menu in your template .. try this ..
2. Press Control + F and search for the code "<div class = 'Menu'> '...
3. It will be seen code after "<div class = 'Menu'> 'which is like the example below ...
<div class = 'Menu'>
                 <ul>
                 <li> <a href='/'> <span> Home </ span> </a> </ li>
                 <li> <a href='#' title='About'> <span> About </ span> </a>
</ li>
                 <li> <a href='#' title='Contact'> <span> Contact </ span> </a>
</ li>
                 <li> <a href='#' title='Extras'> <span> Extras </ span> </a>
</ li>
                 </ ul>
             </ div>
Specification:
> Change the name of the menu that I paint purple like the example above ...
> URL of my blue paint was also modified in accordance with the menu name you specify ...

5. When finished then save the template and refresh your blog ...

... And if you want to add more menu blog just copy-paste the html code top of his menu just like the example below:
<div class = 'Menu'>
                 <ul>
                 <li> <a href='/'> <span> Home </ span> </a> </ li>
                 <li> <a href='#' title='About'> <span> About </ span> </a>
</ li>

                 <li> <a href='menambah menu in tengah' title='#'> <span> Add menu in the middle </ span> </a>
</ li>

                  <li> <a href='#' title='Contact'> <span> Contact </ span> </a>
</ li>
                 <li> <a href='#' title='Extras'> <span> Extras </ span> </a>
</ li>

                 <li> <a href='menambah dibawah' menu title='Extras'> <span> Add menu below </ span> </a>
</ li>

                 </ ul>
             </ div>
  Good luck guys, do not forget to leave a comment