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 your
blog.

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/AVvXsEh0GaFPNqds7msXxmskB8BGQomXfAsmU5wWvJWuF001pQgfYzoZY5Bmw8kYYA0VcjhfGoGba7_UyseJnaj6m8ZFmJnBgGXiN0WvJXCE1qje_b3PkLAOrtahRxqyKQkBL_s8yTds496nOmNP/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...