Transparent Blogger Menubar With Subscription And Fan Page

Actually menubar is important to blogger. This is newest menubar that helps you to increase your Feed subscribers and Facebook fans.And its transparent bar.It will show bottom of your page.This is also good ways to increase subscribers and fans. Follow these simple steps to add it to yourblog.

Demo 

 

1. Log in to blogger  Design > Edit HTML


2. Find this tag by using Ctrl+F   </body>

3. Paste below code Before </body> tag

<style type='text/css'>
#ut-sticky
{
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ISr_6ur_zE1JBiGZPcZTD0R54Lia4FwqwoCeja_VuOMos6e6nRdcbUqtqKQMiO9OeEcJTECxRVIBgd8GyNUqeGXjyet6lkGlm46aUMT_-0rr-KTRhPTK8H3ZxYMxpdBHDvLye0E5Vf2v/s1600/ut-bg.png&#39;) repeat;
color:#fff;
text-align: center;
margin:0 auto;
border-top: 1px solid #fff;
height:28px;
font-size:13px;
position:fixed;
bottom:0;
z-index:999;
width:95%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
}
#ut-sticky:hover
{background:#333;}
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
</style>

<div id='ut-sticky'>


<p>Get Latest Updates: <a href="http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix" target="_blank">Subscribe Now</a> | <a href="http://www.facebook.com/bloggertrix" target="_blank">Like Us Facebook</a></p>

<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>

</div>

<script language='JavaScript'>


function hide_cross() {

crosstbox = document.getElementById(&quot;ut-sticky&quot;);

crosstbox.style.visibility = &#39;hidden&#39;;

}

</script>

4. Now save your Template

    You are done...