//sunflower's hope
SITE ABOUT ENTRY LINKS STUFF
Tutorial 3 In 1 For Navbar Blogger
10/6/11 • 6.10.11 • 0 Commenter [s]
Yang pertama kamu harus pergi ke :
Dasbor>Rancangan>Edit Html

A . Remove Navbar
 Pertama - tama cari kode :
<body>
Lalu letakkan kode di bawah ini di bawah kode yang sudah di cari tadi :
<style type='text/css'>
#navbar-iframe {display:none;}
</style>
Kalau sudah Simpan Template
Sumber ( click here )

B . Floating Navbar
Cari kode :
]]></b:skin>
Lalu Letakkan kode di bawah ini di atas kode ]]></b:skin> :
#navbar-iframe {
align: center;
position: fixed;
border-color :#2E2E2E;
border-top: 2px, solid;
border-bottom: 2px, solid;
left: 0px;
text-align: left;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}
Belum selesai :O
Cari kode :
<b:skin><![CDATA
Kalau sudah ketemu letakkan kode ini di bawahnya :
#navbar-iframe{display:none;height:0;visibility:hidden;}
Keterangan :
kalau pakai snowfall di blog kamu, kamu nggak bisa pakai tutorial ini 
Kalau sudah Simpan Template
Sumber ( click here )

C . Auto Hide Navbar
Auto hide navbar berarti waktu kamu nggak arahin kursor di navbar, navbar nggak kelihatan, waktu di arahin navbar kelihatan .
Pergi ke :
Elemen Laman > Tambah Gadget > Html/JavaScript
Masukkan kode di bawah ini :
<!-- DROPDOWN NAVBAR -->
<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->
<style type="text/css">
#navbar {
display:inline;
width:100%;
position:absolute;
background-color:transparent;
top:-30px;
left:0px;
height:60px;
z-index:999999;
}
#navbar:hover{
top:0px;
height:30px;
}
</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->
Keterangan :
kalau pakai snowfall di blog kamu, kamu nggak bisa pakai tutorial ini
Kalau sudah Klik Simpan .
Sumber ( click here )
Sudah ya, aku capek ("~_~)
Sampai sini posnya!
Aku juga berterima kasih pada sumber - sumber yang memberiku kodenya :)

Labels:



OLD • NEW
Welcome!
Hello ! I'm Urfi from Indonesia, nice to meet you^^ I rarely update here, but you can found me on Instagram @sunflowerhope


Chatbox


Archive;


Ads