Latest Updates

Add Stylish Marquee Notification Bar to Blogger

ad+1






Notification bar widget is one of the most popular blogger widgets. It also helps in boosting your blog’s traffic by increasing the number of page views of your blog. In this post we will discuss a new and amazing marquee notification bar for blogger blogs with a stylish moving text effect.



                                                                 Click Here To View Demo


Follow this step to add this marquee in blog :

  • Go to Blogger → Layout → Add a gadget → HTML/JavaScript.
  • Now Paste the bellow code & Save it.

<style>
#nbwnot-cont
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px  #444444;
-moz-box-shadow:2px 2px 5px  #444444;
-web-kit-box-shadow:2px 2px 5px  #444444;
-goog-ms-box-shadow:2px 2px 5px  #444444;
}
#nbw-movtext
{
text-align:center;
padding:8px;
font-family:  Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #ffffff;
}
#nbw-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#nbw-movtext a:hover
{
color:yellow;
text-decoration:none;
}

</style>
<div id='nbwnot-cont'>
<div id="nbw-movtext">
<marquee  behavior='alternate' direction="left"
            onmouseover="this.stop();"
            onmouseout="this.start();">
          <p>
<a href='http://newbloggerwidget.blogspot.com/2014/05/how-to-add-support-us-widget-for-blogger.html'>How To Add Support Us Widget For Blogger</a>
|        <a href='http://newbloggerwidget.blogspot.com/2014/05/add-do-you-like-this-story-widget-below.html'>Add Do You Like This Story Widget Below Every Post</a>
|        <a href='http://newbloggerwidget.blogspot.com/2014/05/how-to-add-widget-below-first-post-in.html'>How To Add A Widget Below First Post In Blogger</a>
|        <a href='http://newbloggerwidget.blogspot.com/2014/05/how-to-check-facebook-fake-profile.html'> How To Check Facebook Fake Profile Photo 2014</a>
|        <a href='http://newbloggerwidget.blogspot.com/2014/05/hack-facebook-account-with-phishing-page.html'>How To Hack Facebook Account With Phishing Page 2014</a>
</p>
      </marquee>
</div>
<div>

Features of this marquee :

  • It is sticky floating notification bar.
  • It is created in HTML and CSS only.
  • Light weight code which do not effect you blog’s loading time.
  • Stylish and attractive design with moving text effect.

Customize :

  • Replace Orange color code with your post titles
  • Replace Red color code with links to these posts.



Enhanced by Zemanta

2 comments: Leave Your Comments