HackingUniversity - Hacks . Tricks . How-To's

20 January 2012

Add Simple Notification Bar to Blogger or Wordpress Blog

You might have seen some blogs are using different methods to circulate their posts and grab more views from visitors well if you also want something like that, than you can grab this Notification Bar which will be sticked right to your bottom of your blog and and it will move if person goes up and down while viewing your posts.

You can see demo of this bar right on our blog as we just today applied to this blog and you can customize its colors according to your needs.

Notification Bar Blogger

So if you loved this bar and want to apply this to your own personal blog than steps are right below.

1. Go to Blogger > Template > Edit HTML

2. Now press Ctrl + F and search for </body> tag and paste the below code above it.

<style type='text/css'>
#ut-sticky
{
background:#333;
color:#fff;
margin:0 auto;
border-top: 1px solid #282828;
height:28px;
font-size:11px;
position:fixed;
bottom:0;
z-index:999;
width:100%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-style: normal;
font-weight: normal;
font-family: verdana;
font-color:#fff;
}
#ut-sticky p{line-height:5px; font-size:11px; text-align:center; width:100%; float:left;}
#ut-sticky p a{ text-decoration:none; color:#ff6666;}
</style>
<div id='ut-sticky'>
<p>Loving this amazing notification bar.</p>
</div>

3. Now just press Save Template and refresh your blog to see if its working or not, well you can change your message by changing the line in red color.

Well I will recommend that you do not change any things as it may cause this Notification Bar to not work properly. So have fun and grab some more views from your visitors.