Hai Bloggers kali ini saya akan membahas tentang simple navbar , ini dibuat dark ard sang dewa blog kita :D Ini memiliki sifat elegan dan simple *bijakxD , tanpa panjang lebar lagi , Let's Go To TKP !!
Contoh Seperti diatas ini
Pertama, masuk ke Blogger Kamu, lalu Ke Tab Rancangan >> Edit HTML
Kamu copy kode dibawah ini:
#DADnavbar{
font-family:Comic Sans Ms;
background:url(/favicon.ico) no-repeat center left fixed BLACK;
border:1px solid ORANGE;
padding:2px;
z-index:10000;
top:1px;left:1px;right:1px;
position:fixed;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#DADnavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#DADnavbar .right{float:right;padding:0px 2px;}
Lalu masukin kode tersebut diatas kode
]]></b:skin>
Kamu ganti kode BLACK dengan warna background navbar kamu (kamu ganti sendiri).
Trus kamu ganti 1px solid ORANGE
1px --> Ketebalan border
ORANGE --> Warna Border, kamu ganti sendiri.
<div id='DADnavbar' style='position:fixed;'>
<span class='left'>
GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (sebelah kiri)
</span>
<span class='right' style='font-family:verdana;'>
GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (sebelah kanan)
</span></div>
Masukan kode tadi di atas kode ini:
</body>
(ada di bagian bawah template)
Kamu ganti yang berwarna BIRU dengan content yang mau ditambahkan ke navbar kamu.
Nah itulah cara Menambahkan Simple Navbar ke Blog kita ^^
Sumber : www.dickeymaru.com
0 komentar:
Posting Komentar
Please do not SPAM or commented by stating the link !
Anda MALING seperti saya, jadilah maling bijak!
Saya anggap Anda pengunjung yang baik dan bernyali untuk tidak menggunakan komentar dengan fasilitas ANONYMOUS.
Pergunakan komentar ini dengan bijak !
Mungkin memerlukan beberapa jam untuk me-Moderasi komentar anda guna masuk seleksi juri kami, apakah layak juri terbitkan atau tidak ! Makasih untuk tidak membuang sampah disini !