Edit Navbar Horizontal

Masuk ke akun blogger kita. Pada bagian Dasbor, klik Template. Setelah masuk ke halaman Template, kemudian klik Edit HTML. Contreng Expand Template Widget dan tekan tombol Ctrl+F pada keyboard untuk menampilkan kotak penelusuran. Gunakan kotak penelusuran untuk mengetahui kode HTML berikut.

<li><a href='http://blog.nguoiaolam.net/'>Home</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Freebies' rel='ddsubmenu1'>Freebies</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Blogging' rel='ddsubmenu2'>Blogging</a> </li>
<li><a href='http://blog.nguoiaolam.net/search/label/Blogger' rel='ddsubmenu3'>Blogger</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Wordpress'>Wordpress</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Marketing Online' rel='ddsubmenu4'>Marketing Online</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Make Money Online'>MMO</a></li>
<li><a href='#' rel='ddsubmenu5'>Others</a> </li>
<li><a href='#' rel='ddsubmenu6'>Tools</a> </li>
</ul>
</div>
<script type='text/javascript'>
ddlevelsmenu.setup(&quot;ddtopmenubar&quot;, &quot;topbar&quot;) //ddlevelsmenu.setup(&quot;mainmenuid&quot;, &quot;topbar|sidebar&quot;)
</script>

<!--Top Drop Down Menu 1 HTML-->
<ul class='ddsubmenustyle' id='ddsubmenu1'>
<li><a href='http://blog.nguoiaolam.net/search/label/Ebooks'>Ebooks</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Wallpapers'>Wallpapers</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Web%20Gallery'>Web Gallery</a></li>
<li><a href='http://blog.nguoiaolam.net/search/label/Others%20Freebies'>Others Freebies</a></li>
</ul>
<!--Top Drop Down Menu 2 HTML-->
<ul class='ddsubmenustyle' id='ddsubmenu2'>
     <li><a href='http://blog.nguoiaolam.net/search/label/Coding'>Coding</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Design'>Design</a>  </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/SEO'>SEO</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Writting Skill'>Writting Skill</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Tools'>Tools</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Blogosphere'>Blogosphere</a> </li>
</ul>
<!--Top Drop Down Menu 3 HTML-->
<ul class='ddsubmenustyle' id='ddsubmenu3'>
   <li><a href='http://blog.nguoiaolam.net/search/label/Buzz'>Buzz</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Widgets'>Widgets</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Tips'>Tips</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Templates'>Templates</a> </li>
</ul>
<!--Top Drop Down Menu 4 HTML-->
<ul class='ddsubmenustyle' id='ddsubmenu4'>
<li><a href='#'>Item 1b</a></li>
<li><a href='#'>Item 2b</a></li>
<li><a href='#'>Item Folder 3b</a>
  <ul>
  <li><a href='#'>Sub Item 3.1b</a></li>
  <li><a href='#'>Sub Item 3.2b</a></li>
  <li><a href='#'>Sub Item 3.3b</a></li>
  <li><a href='#'>Sub Item 3.4b</a></li>
  </ul>
</li>
<li><a href='#'>Item 4b</a></li>
<li><a href='#'>Item Folder 5b</a>
  <ul>
  <li><a href='#'>Sub Item 5.1b</a></li>
  <li><a href='#'>Item Folder 5.2b</a>
    <ul>
    <li><a href='#'>Sub Item 5.2.1b</a></li>
    <li><a href='#'>Sub Item 5.2.2b</a></li>
    <li><a href='#'>Sub Item 5.2.3b</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href='#'>Item 6b</a></li>
</ul>
<!--Top Drop Down Menu 5 HTML-->
<ul class='ddsubmenustyle' id='ddsubmenu5'>
    <li><a href='http://blog.nguoiaolam.net/search/label/Feature'>Featured Posts</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/Relax'>Relax</a> </li>
      <li><a href='http://blog.nguoiaolam.net/search/label/General'>General</a> </li>
</ul>

<!--Top Drop Down Menu 6 HTML-->
<ul class='ddsubmenustyle' id='ddsubmenu6'>
  <li><a href='http://blog.nguoiaolam.net/p/code-converter.html'>Code Converter</a> </li>
      <li><a href='http://blog.nguoiaolam.net/p/pixlr-photoshop-online.html'>Pixlr Online</a> </li>
      <li><a href='http://blog.nguoiaolam.net/p/css-optimizer.html'>CSS Optimizer</a> </li>
      <li><a href='http://blog.nguoiaolam.net/p/color-converter-color-picker.html'>Hex Color Codes</a> </li>

Ubah yang berwarna merah sesuai keinginan kita.