Minggu, 03 Maret 2013

Edit Navbar Horizontal

metro btk v2

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.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 komentar

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Template Blog Metro BTK v2
Designed by Blog Thiet Ke | Distributed by Panduan Belajar Blog
Posts RSSComments RSS
Back to top