Jumat, 14 Juni 2013

Assalamualaikum sob konco2 sekalian pasti bingung kan apa itu navbar sederhana. Navbar itu gimana ya.. njelasinnya, pokoknya demonya seperti yang di blog saya, ya gitu itu, memang sih nggak bagus2 amat tapi lumayan buat mempercantik blog dibawah ini saya akan kasih tutornya
1. Login ke Blogger kalian
2. Klik Template >> Edit HTML
3. Klik expand template widget
4. cari code ]]></b:skin>
masukan kode dibawah ini diatasnya kode itu

 #DADnavbar{
font-family: Comic Sans Ms;
font-size: 11pt; color: white;
background: no-repeat center left blue;
border: 1px solid blue;
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;}

NB :
- yang warna merah itu font tulisannya nanti
- yang warna biru itu warna tulisannya
- yang warna hijau itu warna background navbarnya
- yang warna orange itu warna border atau pinggirannya
- yang warna ungu itu posisi navbarnya

5. cari kode </body>
6. masukan kode dibawah ini diatasnya

<div id='DADnavbar' style='position:fixed;'>
<span class='dmnavleft'>
tulisan di kiri navbar
</span>
<span class='dmnavright' style='font-family:verdana;'>
  tulisan dikanan navbar
</span></div>     

7. Simpan jadi deh
terima kasih



Categories:

0 komentar:

Posting Komentar

Subscribe to RSS Feed Follow me on Twitter!
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS
Welcome To Kashiko Blog, Gunakan Firefox Atau Chrome Terbaru Untuk Performa Maksimal