CARA MENGHILANGKAN NAVBAR | bagian 2

Lanjutan dari postingan mengenai "CARA MENGHILANGKAN NAVBAR",,,jika kalian yang sudah mencoba menggunakan script itu,biasanya blog anda akan dihapus oleh blogger.com dikarenakan telah berhianat terhadapnya.Bagi blog yang sudah diperbaiki dengan CARA MENGEMBALIKAN NAVBAR yang sudah saya postkan,,kalian sekarang bisa lagi menghilangkan navbar tersebut dengan aman dan super aman.Dan kalian juga akan bisa memiliki SUBMENU sendiri.

• masuk ke www.blogger.com
• masuk ke RANCANGAN lalu Edit HTML
• Tekan Ctrl + F ,dan masukkan kode ]></b:skin>
• COPY dan Paste kode script ini tepat di atas kode tersebut

<br /> <br /> /*-- NAV --*/<br /> nav {<br /> width:100%;<br /> background:#585858;<br /> font:14px Sans-Serif;<br /> letter-spacing:0.03em;<br /> position:relatif;<br /> overflow:hidden;<br /> border-radius: 2em;<br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> -webkit-box-shadow: 0 2px 4px rgba(0,0,0, .4);<br /> -moz-box-shadow: 0 2px 4px rgba(0,0,0, .4);<br /> }<br /> /* main level */<br /> #menu-nav{<br /> width:500px;<br /> float:left;<br /> margin:0;<br /> padding: 7px 6px 0;<br /> position:absolute;<br /> }<br /> #menu-nav li {<br /> line-height:1.5em;<br /> float:left;<br /> list-style:none;<br /> margin:0 auto;<br /> padding:0 5px 8px;<br /> position:relatif;<br /> }<br /> #menu-nav a, #menu-nav a:visited {<br /> color:#e7e5e5;<br /> text-decoration:none;<br /> padding: 3px 16px;<br /> border:solid 1px transparent;<br /> display:block;<br /> margin: 0;<br /> -webkit-border-radius: 1.6em;<br /> -moz-border-radius: 1.6em;<br /> text-shadow: 0 1px 1px rgba(0,0,0, .3);<br /> }<br /> #nav a:hover {<br /> background: #000;<br /> color: #fff;<br /> }<br /> /* main level link hover */<br /> #menu-nav a.current, #menu-nav li:hover > a {<br /> background:#E6E6E6;<br /> color:#444444;<br /> text-decoration:none;<br /> border:outset 1px #f2f2f2;<br /> -webkit-box-shadow: 0 1px 1px #585858;<br /> -moz-box-shadow: 0 1px 1px #585858;<br /> box-shadow: 0 1px 1px #585858;<br /> text-shadow: 0 1px 0 rgba(255,255,255, 1);<br /> }<br /> /* sub levels link hover */<br /> #menu-nav ul li:hover a, #menu-nav li:hover li a {<br /> color:#666666;<br /> background:none;<br /> border:none;<br /> -webkit-box-shadow: none;<br /> -moz-box-shadow: none;<br /> }<br /> #menu-nav ul a:hover {<br /> background: #0078ff !important;<br /> color: #fafafa !important;<br /> -webkit-border-radius: 0;<br /> -moz-border-radius: 0;<br /> text-shadow: 0 1px 0 #dddddd;<br /> }<br /> /* dropdown */<br /> #menu-nav li:hover > ul {<br /> display: block;<br /> z-index:1;<br /> }<br /> /* level 2 list */<br /> #menu-nav ul {<br /> display: none;<br /> margin: 0;<br /> padding: 0;<br /> width: 180px;<br /> position: absolute;<br /> top: 40px;<br /> left:auto;<br /> background:#f2f2f2;<br /> border: solid 1px #b4b4b4;<br /> -webkit-border-radius: 10px;<br /> -moz-border-radius: 10px;<br /> border-radius: 10px;<br /> -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);<br /> -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);<br /> box-shadow: 0 1px 3px rgba(0,0,0, .3);<br /> }<br /> #menu-nav ul li {<br /> float: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> #menu-nav ul a {<br /> text-shadow: 0 1px 0 #fafafa;<br /> }<br /> /* level 3+ list */<br /> #menu-nav ul ul {<br /> left: 90px;<br /> top: auto;<br /> position: absolute;<br /> }<br /> /* rounded corners of first and last link */<br /> #menu-nav ul li:first-child > a {<br /> -webkit-border-top-left-radius: 9px;<br /> -moz-border-radius-topleft: 9px;<br /> -webkit-border-top-right-radius: 9px;<br /> -moz-border-radius-topright: 9px;<br /> }<br /> #menu-nav ul li:last-child > a {<br /> -webkit-border-bottom-left-radius: 9px;<br /> -moz-border-radius-bottomleft: 9px;<br /> -webkit-border-bottom-right-radius: 9px;<br /> -moz-border-radius-bottomright: 9px;<br /> }<br /> /* clearfix */<br /> #menu-nav:after {<br /> content: ".";<br /> display: block;<br /> clear: both;<br /> visibility: hidden;<br /> line-height: 0;<br /> height: 0;<br /> }<br /> #menu-nav {<br /> display: inline-block;<br /> }<br /> html[xmlns] #menu-nav {<br /> display: block;<br /> }<br /> * html #menu-nav {<br /> height: 1%;<br /> }<br /> <br /> /*-- SEARCH --*/<br /> #search {<br /> width: 240px;<br /> float: right;<br /> margin: 0;<br /> padding: 3px 8px; }<br /> <br /> .searchform {<br /> display: inline-block;<br /> zoom: 1; /* ie7 hack for display:inline-block */<br /> *display: inline;<br /> border: solid 1px #5e6366;<br /> padding: 3px 5px;<br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> border-radius: 2em;<br /> -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);<br /> -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);<br /> box-shadow: 0 1px 0px rgba(0,0,0,.1);<br /> background: #71787b;<br /> background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));<br /> background: -moz-linear-gradient(top, #fff, #ededed);<br /> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */<br /> -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */<br /> }<br /> <br /> .searchform input {<br /> font: normal 12px/100% Arial, Helvetica, sans-serif;<br /> }<br /> <br /> .searchform .searchfield {<br /> background: #d5d5d5;<br /> padding: 6px 6px 6px 8px;<br /> width: 180px;<br /> border: solid 1px #bcbbbb;<br /> outline: none;<br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> border-radius: 2em;<br /> -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);<br /> -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);<br /> box-shadow: inset 0 1px 2px rgba(0,0,0,.2);<br /> }<br /> <br /> .searchform .searchbutton {<br /> color: #fff;<br /> border: solid 1px #494949;<br /> font-size: 11px;<br /> height: 27px;<br /> width: 27px;<br /> text-shadow: 0 1px 1px rgba(0,0,0,.6);<br /> -webkit-border-radius: 2em;<br /> -moz-border-radius: 2em;<br /> border-radius: 2em;<br /> background: #555;<br /> background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));<br /> background: -moz-linear-gradient(top, #9e9e9e, #454545);<br /> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */<br /> -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */<br /> }<br /> <br />

• Kemudian carilah kode </header>
• copy dan paste kan kode di bwah ini tepat di atas kode tersebut

<nav><br /> <ul id='menu-nav'><b:if cond='data:blog.url != "#"'> <li><a href='#' title='Beranda'>Home</a></li> <b:else/> <li><a class='current' href='#' title='Anda sekarang berada di halaman Beranda'>Home</a></li> </b:if> <b:if cond='data:blog.url != "#"'> <li><a href='#' title='Tentang Penulis'>About</a></li> <b:else/> <li><a class='current' href='#' title='Anda sekarang berada di halaman Tentang Penulis'>About</a></li> </b:if> <li><a href='#'>Untuk Percobaan</a><br /> <ul> <li><a href='#'>kosong</a></li> <li><a href='#'>kosong</a></li> <li><a href='#'>kosong</a></li> <li><a href='#'>kosong</a></li> <li><a href='#'>kosong</a></li> <li><a href='#'>kosong</a></li> <li><a href='#'>kosong</a></li> </ul></li> <b:if cond='data:blog.url != "#"'> <li><a href='#' title='Daftar Isi'>Sitemap</a></li> <b:else/> <li><a class='current' href='#' title='Anda sekarang berada di halaman Daftar Isi'>Sitemap</a></li> </b:if> </ul><br /> <div id='search'><form action='/search' class='searchform' method='get'><input class='searchfield' id='q' name='q' type='text' value=''/><br /> <input class='searchbutton' type='submit' value='Go'/><br /> </form></div><br /> </nav>

Ganti kode yang diberi tanda ‘kres’ (#) dengan alamat tautan yang Anda tuju

Anda baru saja membaca artikel yang berkategori TRICK N TIPS / tutorial dengan judul CARA MENGHILANGKAN NAVBAR | bagian 2 . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2011/12/cara-menghilangkan-navbar-bagian-2.html .

Artikel Terkait TRICK N TIPS , tutorial

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5