Home » » Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down Menu

Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down Menu

Written By Muin wijaya on Sunday, December 16, 2012 | 12/16/2012


saaya mencoba menjelaskan sedikit tentang 
Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down 
Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.

memasang menu navigasi horizontal
menu navigasi horizontal bercabang

Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,
Masuk ke akun blogger> Dasbor > tata letak > Tambahkan gadget > pilih HTML/Javascript, kemudian masukkan kode berikut ini. (Jangan lupa saat menambahkan gadget, pilih gadget yang di bawah header.)

cara menambahkan menu navigasi drop down bercabang
add menu navigasi


   
   

               
                

  •                   Daftar Isi ▼                 
       

                       
  • Sub Menu 1 
                       
  • Sub Menu 2 
                       
  • Sub Menu 3 
                       
       
                         
    • Sub 
    Sub Menu 1 
                       
  • Sub 
  • Sub Menu 2 
                       
  • Sub 
  • Sub Menu 3 
                       
                       
                                   
             
     
            Pengaturan dan modifikasi;

    1. Silahkan ubah warna background menu sesuai selera ditandai dengan kode seperti#2E9AFE

    2. Untuk membuang cabang yang tidak dibutuhkan (mungkin terlalu banyak lihat kode berwarna biru 
                     
       

                        <li>Sub Sub Menu 1
     
                       
  • Sub 
  • Sub Menu 2 
                       
  • Sub 
  • Sub Menu 3 
                      bisa juga sobat tambahkan di item menu lainnya jika ingin.

    3.  Masukkan alamat halaman atau postingan blog yang dikehendaki pada kode # .

    4.  Perhatikan kode-kode yang sudah diberi warna saat menambah atau membuang item menu tertentu agar tidak error.

    Selamat mencoba.  
    jangan lupa buka yang ini juga oke

  • cara membuatjaringan ad-hoc pada windows 8
  • cara mndapatkan domain dot com gratisdari intuit
  • cara mengganti slide show di template xml
  • samsung galaxy mini
  • cara meng upload agar bisa di wonload
  • download template blog
  • 10 tamplate blogger seo 2012
  • Share this article :

    0 comments:

    Post a Comment

    Popular Posts

    Labels

    Powered by Blogger.

    Contact Form

    Name

    Email *

    Message *

    ads

    Slider[Style1]

    Recent

    Ads Columns

    Style5

    Recent Posts

    Style2

    Style3[OneLeft]

    Comments

    Style3[OneRight]

    Featured Posts

    Style4

    Video Of Day

    Links

    Welcome Guys

    Followers

    comments

    Random

    Videos News

    Latest News

    Posts List News

    Páginas

    Carousel News

    Flicker Images

     
    Support : mang acew | kangmui | Muin
    Copyright © 2014. kangmuin_blog - All Rights Reserved
    Template Created by kangmuin_blog Published by kangmuin
    Proudly powered by Blogger