Following the many concerns of the visitors over the SNDSOFT Custom Navbar For Blogger this time we have come up with modified version of Custom Navbar with flapping feature.In this Navbar you can even include images,HTML codes and many more as you like.As the visitors click the navbar,the included part will be visible.For Demo click here.

•        Go to design(in old blogger interface) or Layout(in new blogger interface)
•       Then  Add a gadget and choose HTML/java script

<script type='text/javascript'>
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>
<style type='text/css'>

div.panel
{
vertical-align: baseline;
letter-spacing: 1px;
padding:10px 10px 10px 20px;
background:#891722;
border:solid 1px #891722;
color:#fff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
width:100%;
margin:0px;
}

p.flip
{
FONT-FAMILY: Georgia, 'Times New Roman', arial, serif;
font-size:14px;
color:#fff;
padding:4px;
text-align:center;
background:#1B1789;
border:solid 1px #1B1789;
margin-bottom:1px;
width:100%;
}

div.panel a, p.flip a {
text-decoration:underline;
color:#fff;
}

div.panel a:hover, p.flip a:hover {
text-decoration:none;
color:#fff;
}

div.panel
{
height:auto;
display:none;
}

div.containerpanel {
z-index:9999;
margin-top:-55px;
margin-left:-20px;
padding:0px;
position:fixed;
width:100%;
}
</style>