Make Transparent Blogger Navbar

8:55 AM

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:



$(document).ready(function(){
$("#navbar").fadeTo("slow", 0.1);
$("#navbar").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.1);
});
});

Copy and paste the scrypy before
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.

Artikel Terkait

  • Cara Tepat Memasang Title TAGBerbicara Tentang SEO tidak akan ada habisnya, di artikel kali ini saya akan memberikan cara yang baik ( menurut penge ...
  • Merubah Font Judul Posting Dan Judul SidebarFont judul posting dan judul sidebar bisa diganti sesuka kita, mulai dari besar huruf serta warna dan pernak-pernik lai ...
  • Install "Yahoo Meta TAG" On Your BlogTo Install "Yahoo Meta TAG" on your blog, Follow step by step bellow1. Login to Yahoo! Site Explorer With your yahoo a ...
  • Add Element Under NavbarTo attach the following element under the navbar step by step below :► Sign in to your dashboard layout► HTML EDIT► che ...
  • Adding Access Blog AuthorsThis day i want to share abaout "Trik_Blogger" How to add access blog author. To add to the blog author access rights f ...
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments