Cara Membuat Simple Navabar

Berikut Cara buat nya :

1 masuk blogger > Rancangan > EDIT HTML

2 copy script di bawah ini dan Letakkan di atas kode ]]></b:skin>

#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;}

3 Copy Scipt di bawah ini letakkat di atas kode </body>

<divid='DADnavbar' style='position:fixed;'><span class='dmnavleft'>GANTI TEXT INI DENGAN KATAKATAMU SENDIRI (isi navbar sebelah kiri)</span><span class='dmnavright'style='font-family:verdana;'>GANTI TEXT INI DENGAN KATA KATAMU SENDIRI atauwidget lain (untuk isi navbar sebelah kanan)</span></div>

Ganti tulisan "Comic Sans MS" dengan font kamu sendiri ganti tulisan "11pt" dengan besar huruf yang kamu mau Ganti tulisan "White" degan warna tulisan yang kamu mau Ganti tulisan "Black" Dengan warna dalam bordernya Ganti Tulisan "1 px solid red" dengan '2 px solid blue ( terserah kalian 2-6 + blue-warna lain)Ganti tulisan "top" untuk atas "Bottom" untuk bawahGanti tulisan "GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (isi navbar sebelah kiri) :dengan kata kamu sendiri ( dan sebaliknya )

 SUMBER