.png)
Add An Awesome Notification Bar At Bottom Of Your Blogger Blog
Notification bar at the bottom of your blog is a great way to divert user attention on some of the links , For example you can manually insert your new post link so that it gets maximum user attention and page views or you can add popular post link or anything for which you want some user attention.you can also put social media sharing icons at the bottom in this notification bar so your posts gets more Facebook likes and plus one.
Demo
Install It Into Blogger
1. Go to blogger dashboard.
2. Go to template.
3. And search for this piece of code </body>
4. Now copy the below code and paste it before the </body> and you are done.
<!-- Start of notification bat by http://bloggeraxe.blogspot.com/ -->
<style type='text/css'>
#baxebar
{
background-color:#1b1a1c;
color:#fff;
text-align: center;
margin:0 auto;
border-top: 3px solid #0ebfe9;
height:28px;
font-size:13px;
position:fixed;
bottom:0;
z-index:999;
width:100%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-weight: bold;
font-family: arial,"Helvetica";
font-color:#fff;
}
#baxebar:hover
{background:#111;}
#baxebar p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#baxebar p a{ text-decoration:underline; color:#0ebfe9;}
.baxes{display:block; position:relative; right:15px; float:right;}
.baxes a{font-size:18px; font-weight:bold; font-family:"Arial"; color:#0ebfe9; line-height:30px;}
</style>
<div id='baxebar'>
<p><blink>Get awesome and new</blink> <a href='http://bloggeraxe.blogspot.com/search/label/Menus' target='_blank'>Blogger Menus</a> | <blink>With all new and
creative </blink> <a href='http://bloggeraxe.blogspot.com/search/label/Widgets' target='_blank'>Blogger widgets</a></p><div class='baxes'><a
href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById("bssticky");
crosstbox.style.visibility = 'hidden';
}
</script>
<!-- End of notification bat by http://bloggeraxe.blogspot.com/ -->
And then click save
And DoNe.
%2Btitle%2Bwhen%2Buser%2Bloses%2Bfocus.png)
0 comments: