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
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
0 komentar:
Posting Komentar