navbar simple navbar simple

kalian pengen tw caranya bikin simple navbar .. nihh tutornya :D

1. Kalau sudah masuk ke blogger, klik Rancangan / Design, lalu masuk ke Edit HTML.
2. Copy kode dibawah ini:
   Masukkan kode tersebut diatasnya kode:
   </body>
3. Kemudian simpan 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.

#DADnavbar{<br /> <br /> font-family: Comic Sans Ms;<br /> <br /> font-size: 11pt; color: white;<br /> <br /> background:url(/favicon.ico) no-repeat center left fixed black;<br /> <br /> border: 1px solid red;<br /> <br /> padding: 3px;<br /> <br /> z-index: 100000000;<br /> <br /> top: 1px; left: 1px; right: 1px;<br /> <br /> position: fixed;<br /> <br /> border-radius: 10px;<br /> -moz-border-radius: 10px;<br /> -webkit-border-radius: 10px;<br /> -o-border-radius: 10px;<br /> <br /> }<br /> <br /> #DADnavbar .dmnavleft{float:left;font-weight:bold;padding:2px 10px;}<br /> <br /> #DADnavbar .dmnavright{float:right;padding:0px 2px;}<br /> <br /> Lalu masukkan kode tersebut diatas kode<br /> <br /> ]]></b:skin><br /> Kemudian copy lagi kode dibawah ini:<br /> <br /> <div id='DADnavbar' style='position:fixed;'> <br /> <span class='dmnavleft'><br /> <br /> GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (isi navbar sebelah kiri)<br /> <br /> </span><br /> <br /> <span class='dmnavright' style='font-family:verdana;'><br /> <br /> GANTI TEXT INI DENGAN KATA KATAMU SENDIRI atau widget lain (untuk isi navbar sebelah kanan)<br /> <br /> </span></div>

• 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.