Cara Membuat Page Navigasi Horizontal di Blog!

Kali ini ane akan menshare cara membuat page navigasi horizontal di blog, bagaimana contohnya? contohnya seperti yang dibawah ini:

 page navigasi
Nah itulah yang dinamakan dengan page navigasi horizontal, menarik bukan? jadi bagaimana cara membuat page navigasi horizontal ini? gampang aja gan, ikutin cara ane yang dibawah ini:
    • Login Ke Blogger
    • Rancangan lalu EDIT HTML
    • Masukkan kode CSS ini tepat sebelum tag
    .navcontainer{background:#030;height:36px;padding:0 10px}#nav{height:36px;margin-bottom:1px}#nav li a,#nav li a:link{color:#fff;display:block;font-size:12px;font-weight:700;margin:0 3px;padding:12px 15px;text-decoration:none;text-shadow:0 1px 0 #1e1d1d;text-transform:uppercase}#nav li a:hover,#nav li a:active{background:#930;display:block;text-decoration:none;text-shadow:0 1px 0 #242323}#nav li.current-cat a{background:#360;color:#fff;text-shadow:0 1px 0 #242323}#nav,#nav ul{line-height:1;list-style:none;margin:0;padding:0}
    • Lalu Masukkan Kode HTML berikut disetelah tag (atau cari tag yang hampir sama dengan ini) karena disetiap template berbeda:
    • Silahkan rubah tulisan dan link diatas terserah dengan keinginan agan jika diinginkan.
    • Save TEMPLATE.

      Happy Blogging dan selamat mencoba Page Navigasi Horizontal barunya.

      Iklan

      Tentang thefantasypress

      I am founder of Fantasy Company
      Pos ini dipublikasikan di Tips Ngeblog. Tandai permalink.

      8 Balasan ke Cara Membuat Page Navigasi Horizontal di Blog!

      1. Jeal Larine berkata:

        wih keren horizontal navbarnya ^^

      2. AAgenta berkata:

        kok gx bisa ya….

      3. jimmy berkata:

        bagaimana jika navigasinya hanya 3 ataupun lebih dari yang di kasih ?

      4. kurix berkata:

        gak bisa ahh….error

      5. Yuki berkata:

        wih keren horizontal navbarnya ^^

      6. AAgenta berkata:

        kok gx bisa ya….

      7. kurix berkata:

        gak bisa ahh….error

      Tinggalkan Balasan

      Isikan data di bawah atau klik salah satu ikon untuk log in:

      Logo WordPress.com

      You are commenting using your WordPress.com account. Logout / Ubah )

      Gambar Twitter

      You are commenting using your Twitter account. Logout / Ubah )

      Foto Facebook

      You are commenting using your Facebook account. Logout / Ubah )

      Foto Google+

      You are commenting using your Google+ account. Logout / Ubah )

      Connecting to %s