Home » » Trick membuat Simple Navbar pada blogspot

Trick membuat Simple Navbar pada blogspot

                    



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 

Selamat mencoba, dan semoga bermanfaat....


sumber

0 komentar:

Posting Komentar

x - blogger yang baik meningal jejak dengan berkomentar
x - dilarang spam
x - kata-kata yang sopan dan baik
x - berkomentar menggunakan Name/URL
-> isikan nama anda
->URL di kosongkan -> klik lanjutkan

''_'' terima kasih sudah berkunjung ''_''

Translate

Followers

Me Gusta - Rage Face Comics

Visitor