• About
  • Privacy
  • Contact
  • Maps
  • Menu

Alamatku

Template, Blogger, Rumah, Banjarbaru, Kalimantan-selatan

  • Beranda
  • Property
    • B
    • C
    • D
    • E
  • Sos-Med
    • belum
    • belum-jua
  • Blogger
  • Template
  • Berita
  • Sukaku
  • Banjarbaru
Home » Blogger » Navbar Tetap

Navbar Tetap


Navbar Tetap,

Navbar tetap menurut devinisi saya sendidi yaitu Navbar atau biasa menjadi kolom menu artikel adalah tidak ikit bergerak ketika pembaca artikel menggerakakan halaman artikel atau postingan,

Nah bagaimana pengkodeannya, silakan lihat dibawah
Cari kode ]]></b:skin>

copy kode berikut tepat diatas ]]></b:skin> :

#navbar-iframe {
height:0px; visibility: hidden; display: none;
}

.bilah-menu-atas {
width: 100%;
min-width: 960px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 27px;
font-size: 13px;
z-index: 99;
white-space: nowrap;
background-color: #336699;
background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
box-shadow: 0px 2px 0px rgb(14, 90, 140);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
-moz-transition: all 0.2s linear 0s;
width: 960px;
height: auto;
margin: 0px auto;
}

.kolom-menu {
width: 521px;
height: auto;
margin: 0px 0px 0px -41px;
float: left;
display: inline;
}

.kolom-menu ul {
height: auto;
margin-top: 0px;
}

.kolom-menu ul li {
float: left;
position: relative;
list-style: none outside none;
}

.kolom-menu ul li:first-child {
border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
color: #ffffff;
font-weight: bold;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
text-decoration: none;
display: inline-block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
position: relative;
border-right: 1px solid rgba(30, 30, 30, 0.125);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
background-color: rgba(255, 255, 255, 0.125);
}



Tempatkan kode di bawah ini di sebelum </body> atau sesudah <body>


<div class='bilah-menu-atas' id='bilahmenuatas'> 

<div class='kolom-utama'> 
<div class='kolom-menu'> 
<ul>
 <li><a href='http://ngaran-ku.blogspot.com/'><img alt='L3' height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcq1wR2p7M80UD7JnjIYIyyWkugcYeFHYFHd_tjKzi6Ujp4X9muDBBn22E7FfdQqrl5uxNsTJQfouCbZplafgf3E21iK5I4sY9fS7KdycJKnemTj38zAhG93rDzeRLSl_fA-zIgtX8wo/s800/Beranda.png' width='20px'/></a></li> 
<li><a href='URL'>Menu Kiri 1</a></li> 
<li><a href='URL'>Menu Kiri 2</a></li> 
</ul> 
</div> 
<div class='kolom-menu'> 
<ul style='float: right'> 
<li><a href='URL'>Menu Kanan 1</a></li> 
<li><a href='URL'>Menu Kanan 2</a></li> 
</ul> </div> </div> </div>


Selesai
oleh Rushdie, Selasa, 23 April 2013 - Rating: 4.5
Judul : Navbar Tetap
Deskripsi : Navbar Tetap, Navbar tetap menurut devinisi saya sendidi yaitu Navbar atau biasa menjadi kolom menu artikel adalah tidak ikit bergerak...

Bagikan ke

FacebookGoogle+ Twitter

N/b : Anonymous adalah nama orang tak dikenal

Posting Lebih Baru
Beranda
Langganan:Posting Komentar (Atom)

Formulir Kontak

Nama

Email *

Pesan *

Popular Posts

  • Kode HTML Dan Widget Contact Form Blogspot
  • Kode Template Dasar HTML5 Blank
  • Puisi Bunga Terindah Penghulu Bidadari Surga
  • Menambah Kode Async Like Facebook
  • Sultan Hamid II Pahlawan Dianggap Pemberontak
  • Banjarbaru Membatasi Izin Karoeke

Facebook Fans Page

Copyright© 2014 Alamatku | My_Facebook | My_Twitter | My_google+
Translate: View_English