• Hacking
  • Coding
  • Linux
  • Tutorials
  • Tech

Add Simple Notification Bar to Blogger or Wordpress Blog

Rishabh Jain• January 20, 2012• 0 Min Read
Share

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.

Tags:
BloggerCSSHow-ToTricksWidgets

Trending Now

  • Blogger Conditional Tags b:if and b:else for More Blog Customizations
    Blogger Conditional Tags b:if and b:else for More Blog Customizations
  • Funny WhatsApp and Hilarious Facebook Status Updates
    Funny WhatsApp and Hilarious Facebook Status Updates
  • Watch Indian Television Channels using VLC Media Player
    Watch Indian Television Channels using VLC Media Player
  • How to Send Message to all Facebook Friends in One Click
    How to Send Message to all Facebook Friends in One Click
  • Top 9 Websites for Watching Movies Streaming Online for Free
    Top 9 Websites for Watching Movies Streaming Online for Free
  • Naughty 18+ NON-VEG Jokes for WhatsApp and Facebook
    Naughty 18+ NON-VEG Jokes for WhatsApp and Facebook
  • Cheat: Get Full Power-Ups & Upgrades in Temple Run 2
    Cheat: Get Full Power-Ups & Upgrades in Temple Run 2
About UsContactPrivacy PolicyTerms of ServiceFacebook
© HackingUniversity.