Cara membuat Navbar

Hallo para sobat blogger kalian masih ingat yang kemarin  Admin Share adalah Code lagu yang Admin Pakai

Sekarang Admin akan share tentang membuat navbar :) ini sih emang sudah di share di mana-mana


telat share Hahahahha


Langsung aja dah cekidot

Berikut adalah turtornya :

1.Login blogger kalian masing-masing>rancangan>edit Html
2.Copy Script di bawah ini dan letakan-lah di bawah code


#search input[type="text"]:focus {

    width: 185px;

    }

Atau di atas code ]]></b:skin>

#DADnavbar{

font-family: Comic Sans Ms;

font-size: 12pt; color: white;

background:url(/favicon.ico) no-repeat center left fixed black;

border: 2px dashed 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;}

3.Copy Script di bawah ini dan letakan di atas kode </body>

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

Ganti yang berwarna biru dengan ukuran font yang kamu inginkan.
Ganti yang berwarna kuning dengan warna teks yang ada di navbar dengan warna sesukamu.
Ganti yang berwarna hijau dengan warna background navbar yang kamu inginkan.
Ganti yang berwarna biru muda dengan ukuran, style, dan warna border / garis tepi sesukamu sendiri. Jangan nanya cara gantinya gimana, cari di Google.
Untuk yang berwarna ungu, 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 Hijau Kakek (xD) dengan teks / kata-kata atau apalah yang ingin kamu masukkan ke dalam navbar kamu.

Credit by : Dickey Maru
Penulis : Technology-Sph