Cara Membuat Simple Navbar Di Blog

Dipostingan kali ini saya akan share tentang cara membuat Simple Navbar pada blog. untuk demonya Seperti Ini . Bagaimana, Member P.I.C tertarik untuk mencobanya di blog Member X-CYBER. silahkan ikuti tutorial berikut :

Berikut langkahnya..

• Log in ke blogger Member X-CYBER
• Masuk ke Template > Edit Html
• Tekan Ctrl + F, lalu cari kode ]]></b:skin>
• Setelah ketemu copy code dibawah ini lalu 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 fixedblack;
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;}

• Kemudian cari lagi kode </body>
• Dan lalu copy lagi kode di bawah ini dan letakkan diatas code </body>

<div id='DADnavbar' style='position:fixed;'>
<span class='dmnavleft'>
GANTI TEXT INI DENGAN KATA KATA-KATA MEMBER X-CYBER SENDIRI (isi navbar sebelah kiri)
</span>
<span class='dmnavright' style='font-family:verdana;'>
GANTI TEXT INI DENGAN KATA KATA-KATA MEMBER X-CYBER SENDIRI atau widget lain (untuk isi navbar sebelah kanan)
</span></div>

Bila Member X-CYBER ingin mengeditnya, silahkan lihat keterangan berikut.

• Ganti yang berwarna emas dengan font yang Member X-CYBER inginkan.
• Ganti yang berwarna pink dengan ukuran font yang Member X-CYBER inginkan.
• Ganti yang berwarna kuning dengan warna teks yang ada di navbar dengan warna sesuka Member P.I.C.
• Ganti yang berwarna coklat dengan warna background navbar yang Member X-CYBER inginkan.
• Ganti yang berwarna merah dengan ukuran, style, dan warna border / garis tepi sesuka Member P.I.C sendiri. Jangan nanya cara gantinya gimana, cari di Google.
• Untuk yang berwarna hijau, top itu artinya, nanti navbar Member X-CYBER akan melayang sisi atas. Jika  Member X-CYBER  ingin memindahkan navbar  Member X-CYBER  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  Member X-CYBER . Jika  Member X-CYBER  ingin sudut navbar  Member X-CYBER  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  Member X-CYBER  masukkan ke dalam navbar  Member X-CYBER . Terserah apa saja boleh asal muat 

Selamat mencoba, dan semoga bermanfaat....