Simple Navbar Blogger (Trick)

Padahal cuman iseng bikin @,@ Ternyata banyak yang minta juga. Ini dia, kalau kalian mau dan pengen banget punya simple navbar seperti punyaku diatas, berikut ini tutorial membuatnya ==v
Simple Navbar Blogger Trick
  1. Kalau sudah masuk ke blogger, klik Rancangan / Design, lalu masuk ke Edit HTML.
  2. Copy kode dibawah ini:
    #DADnavbar{
    font-family: Comic Sans Ms;
    font-size: 11pt; color: white;
    background:url(/favicon.ico) no-repeat center left fixed black;
    border: 1px solid red;
    padding: 3px;
    z-index: 100000000;
    top: 1px; left: 1px; right: 1px;
    position: fixed;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;

    }
    #DADnavbar .dmnavleft{float:left;font-weight:bold;padding:2px 10px;}
    #DADnavbar .dmnavright{float:right;padding:0px 2px;}

    Lalu masukkan kode tersebut diatas kode
    ]]></b:skin>
  3. Kemudian copy lagi kode dibawah ini:
    <div id='DADnavbar' style='position:fixed;'>
    <span class='dmnavleft'>
    GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (isi navbar sebelah kiri)
    </span>
    <span class='dmnavright' style='font-family:verdana;'>
    GANTI TEXT INI DENGAN KATA KATAMU SENDIRI atau widget lain (untuk isi navbar sebelah kanan)
    </span></div>

    Masukkan kode tersebut diatasnya kode:
    </body>
  4. Kemudian template kamu.
Apa navbarnya selalu sama kayak DickeyMaru? Nggak ==" Kamu bisa mengubah tampilan navbarnya sesuka hati kok. Entah itu diganti warna font, ukuran dan lain-lain. Berikut ini adalah petunjuk untuk mengisi content navbar kamu, mengatur atau memodifikasinya.
  • Ganti yang berwarna emas dengan font yang kamu inginkan.
  • Ganti yang berwarna pink dengan ukuran font yang kamu inginkan.
  • Ganti yang berwarna kuning dengan warna teks yang ada di navbar dengan warna sesukamu.
  • Ganti yang berwarna coklat dengan warna background navbar yang kamu inginkan.
  • Ganti yang berwarna merah dengan ukuran, style, dan warna border / garis tepi sesukamu sendiri. Jangan nanya cara gantinya gimana, cari di Google.
  • Untuk yang berwarna hijau, top itu artinya, nanti navbarmu akan melayang sisi atas. Jika kamu ingin memindahkan navbarmu agar tampil di sisi bawah browser, tinggal ganti saja dengan bottom.
  • Untuk kode yang ditulis miring, itu pengaturan untuk garis meengkung di setiap sudut navbar kamu. Jika kamu ingin sudut navbarmu tetep runcing, atau bentuk navbarnya tetap persegi (gak pakai melengkung) maka tinggal hapus saja kode tersebut.
  • Ganti yang berwarna orange dengan teks / kata-kata atau apalah yang ingin kamu masukkan ke dalam navbar kamu. Terserah apa saja boleh asal muat :v
Untuk logo atau favicon blog kamu (yang ada di pojok kiri navbar) itu nanti akan muncul secara otomatis sesuai dengan favicon blog yang kamu pakai. Kalau belum memasang favicon, silahkan pasang faviconnya dulu. Baca disini untuk cara memasangnya.
Semoga berhasil :D
Comments

15 comments:

  1. mantaaapp


    langsung tag coba hihihihi :D

    ReplyDelete
  2. gag cocok untuk blog saya bos :'(

    kenapa ya

    bos jja lah yg pasangin hehe :D

    ReplyDelete
  3. wuiihh keren tuh sob,, jadi pengen pasang juga,, btw blognya keren bgt sob.. heheh

    ReplyDelete
  4. boleh juga triknya sob thank sharenya

    ReplyDelete
  5. wah mas om pak kang ..
    tuburukan ma menu ane -,-

    ReplyDelete
  6. K diki gimana caranya bikin yg transparant kaya kk diki?

    ReplyDelete
  7. Gan Cara Ganti Template Kayak Templat Blog kk Gmna????

    ReplyDelete
  8. how do you thik about this blog? This is genuine download, no plagiat,, may i join partner's your blog?
    This Link : http://www.sistemkomputerm2011.blogspot.com :D #A#

    ReplyDelete
Related posts
Guestbook
Author
Other


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other