Dipostingan kali ini saya akan share tentang cara membuat Simple Navbar pada blog. untuk demonya liat aja tu di bagian atas blog ini. Bagaimana, anda tertarik untuk mencobanya di blog anda. silahkan ikuti tutorial berikut :
Berikut langkahnya..
- Log in ke blogger anda
- 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 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;}
- 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 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>
Bila kamu ingin mengeditnya, silahkan lihat keterangan berikut.
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
Credit by : dickeymaru
Selamat mencoba, dan semoga bermanfaat....
Judul : Trick membuat Simple Navbar pada blogspot
Deskripsi : Dipostingan kali ini saya akan share tentang cara membuat Simple Navbar pada blog. untuk demonya liat aja tu di bagian atas blog ini. Bagaim...