if you do not want to remove blogger navbar by default, but only want to modify it, maybe this blogger trick can be one of the reference to be applied in your blog. This trick show in a transparent navbar blogger using jQuery, but will be visible when approached by the mouse cursor. JQuery Adapaun it can be seen as below:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#navbar").fadeTo("slow", 0.1);
$("#navbar").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.1);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$("#navbar").fadeTo("slow", 0.1);
$("#navbar").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.1);
});
});
</script>
Copy and paste the scrypy before </head>
Note:
1. Replace the red code (0.1 = 90%) described the navbar transparency when the mouse cursor has not been approached. If you'd like navbar does not appear at all just put the value of 0.0:)
2. Replace code green (1.0) to 0.75 if you want transparency navbar when approached by the mouse is worth 25%. Meanwhile, if the fixed value of 1.0, then the navbar will appear very clear (without transparency) when approached by the mouse cursor.
Posting Komentar
Posting Komentar