Minggu, 20 Januari 2013

30 Cara membuat Menu Top Navbar Blog Cah dabloeng

Click gambar untuk Memperbesar


Cara memasang nya cukup mudah ..
  1. Ke Template
  2. HTML
  3. Edit HTML
  4. Lalu Code ]]></b:skin>  , untuk mempermudahnya kalian bisa menekan CTRL+F pada Keyboard
  5. Jika Sudah ketemu pastekan code di bawah ini tepat di atas nya
.topnav{float:center; font-size:11px; margin:0 auto; width:980px; background:black; border:1px dashed #080; position:relative; left:-0px; top:10px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0}
.topnav ul{height:20px; list-style:none outside none; margin:0 auto; padding:5px 0 12px 40px}
.topnav li{float:left; margin:0; font-size:13px; margin-right:5px}
.topnav li a{color:green; display:block; text-decoration:none; float:left; padding:5px 10px}
a.home{color:red !important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #901af5; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #901af5; box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #901af5}
.topnav li a:hover{color:#0f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0f0; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0f0; box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #0f0}
.nav_topb{width:30px; height:30px; background:url()no-repeat left top; left:-12px; position:relative; top:89px}
.botnav{float:left; font-size:11px; margin:0 auto; width:980px; background:transparent; border:1px solid #0f0; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px}
.botnav ul{height:20px; list-style:none outside none; margin:0 auto; padding:5px 0 12px 40px}
.botnav li{float:left; margin:0; font-size:13px; margin-right:5px}
.botnav li a{color:blue; display:block; text-decoration:none; float:left; padding:5px 10px}
.botnav li a:hover{color:#901af5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #901af5; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #901af5; box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #901af5}
b.home{color:#0e1ef3 !important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0e1ef3; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0e1ef3; box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0e1ef3}
    6.  Lalu cari lagi Code <body> untuk mempermudahnya kalian bisa menekan CTRL+F pada Keyboard
    7.  Jika sudah ketemu pastekan Code ini di tepat di bawah nya

<div class='topnav'>
<ul>
<li><a href='http:Sopyan-7.Blogspot.com'>Sopyan S</a></li>
<li><a href='http://www.blogger.com/profile/01001272153087337721'>My Profil</a></li>
<li><a href='http://www.facebook.com/sopyan.a7x'>My Facebook</a></li>
<li><a href='http://sopyan-7.blogspot.com/search/label/Mp3'>Mp3 Script</a></li>
<li><a href='http://sopyan-7.blogspot.com/search/label/Mp3'>Sopyan-7</a></li>
<li><a href='http://sopyan-7.blogspot.com/search/label/Mp3'>Mp3 Script</a></li>
</ul>
</div>
     8.  Lalu simpan template .. Check blog anda , akan ada menu navbar atas

NB : Untuk yang berwarna Hijau : Kalian bisa ganti dengan Judul yang kalian mau
        Untuk yang berwarna Biru : Kalian bisa ganti Link tersebut sesuai dengan judul nya

Selamat Mencoba :D

Jika anda menginginkan jasa joki, atau menanya sesuatu
Contact Me : SMS = 08981144690 , BBM : 53784543
Private hypnosis, belajar jarak jauh, jual alat sulap, SMS aja
PERINGATAN! Hargai Artikel orang lain,Jika ingin Copy Paste silahkan Cantumkan Link Sumber nya,Salam Sopyan-7 Terimakasih

Artikel Menarik Lainnya :

30 Comments

  1. nice post
    btw bang boleh minta code script searchnya ga???

    BalasHapus
  2. ane gk ada code gimna bang
    tolong bantuanya

    BalasHapus
  3. Wahh ada si om > Cah Dabloeng
    Sop, masih inget ga itu script dari mana ?!!
    kawkawk cari blognya Cah Dabloeng

    BalasHapus
  4. Wighh...!!
    mantap gan, ...

    patut di coba.....!!

    BalasHapus
  5. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  6. nggak bisa gan, gimana sih? bisa nggak minta pin bb/whatsapp, agan aja yg buat, saya bingung

    BalasHapus
  7. gan kok jadi dibawah ya navbarnya? bukan d atas?

    BalasHapus
  8. kalo ganti nama navbar nya bisa bang uzop
    ni blog ane mau ane ganti nama navbarnya ane bingung
    sozuka19surakarta.blogspot.com

    BalasHapus
    Balasan
    1. Bisa gan , itukan ada tutorial nya, tinggal di edit lagi aja :)

      Hapus
  9. MAKASIH INFONYA, PERKENALKAN SAYA BLOGGER PEMULA... SAYA SANGAT BERTERIMA KASIH ATAS INFORMASI INI
    SUKSES SELALU
    TUHAN MEMBERKATIH

    BalasHapus
  10. mantap gan tutorialnya,.. udah ane coba dan berhasil gan,... tutorialnya valid,.. salam kenal dari : http://jawacyber.blogspot.com dan ditunggu juga follow backnya gan,..

    BalasHapus
  11. ada ding tp di pencarian ctrl+f gak terbaca.. tinggal kode <*body> nya gk ketemu :|

    BalasHapus
  12. ga ada Code ]]> , gan , gmna ?

    BalasHapus
  13. Mantab Gan ada navbar nya sep dah buat artikelnya

    BalasHapus
  14. masa code nya nggak ketemu sih kka... tolong kasih penjelasan... Please

    BalasHapus
  15. Gan,malah jadi di bawah letaknya??

    BalasHapus
  16. GAK MUNCUL NAVBAR NYA -_-'' gan kok yang body itu muncul nya ada / ?

    BalasHapus
  17. Gan, bisa tolong kasih tau ane..??
    cara masukin mesin pencari di Menu..

    BalasHapus
  18. Gan cara masukin ke kategori nya gimana?

    BalasHapus
    Balasan
    1. kategori gimana gan?
      coba di edit scriptnya

      Hapus
  19. makasih tutorialnya gan

    www.smartkiosku.com

    BalasHapus
  20. makasih gan infonya tapi ane kaga ngerti gan ? tolong dong ane di buatin ? nanti ane kirim pulsa dah? ini nomer ane. 081807448700

    BalasHapus

1. Di Larang Mencantumkan LINK Secara Langsung !
2. Pakailah Etika Saat Berkomentar !
3. Hindari SPAM Guna Kebersamaan !