HOW TO ADD ANNOUNCEMENT STICKY NOTIFICATION BAR TO BLOGGER

HOW TO ADD ANNOUNCEMENT STICKY NOTIFICATION BAR TO BLOGGER



Adding this notification bar to blogger:

  • Login to your blogger dashboard and select your blog.
  • Select Layout option and select Add a gadget option.
  • Select HTML/JavaScript widget from the list.
  • In the HTML/JavaScript widget paste following code and save it.
  • Preview your blog to see the new changes.

Note: In the following code replace red colored code with your post titles and remove # symbols with links to these posts.

CODE:


<style>#wcnot-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;}#wc-movtext{text-align:center;padding:8px;font-family:  Verdana,"Times New Roman",Georgia,Serif;font-size:12px;color: #ffffff;}#wc-movtext a{color:#ffffff;text-decoration:none;font:16px georgia;}#wc-movtext a:hover{color:yellow;text-decoration:none;}
</style><div id='wcnot-cont'><div id="wc-movtext"><marquee  behavior='alternate' direction="left"            onmouseover="this.stop();"            onmouseout="this.start();">          <p><a href='#'>All In One SEO Pack 2015 For Blogger Users,Blogspot Plugin</a>|        <a href='#'> Basic Essential Beginner's Rapid Guide To SEO</a> |         <a href='#'>Add Four Stylish Css SearchBoxes To Blogger Blogs</a></p>      </marquee></div><div>

Comments

Popular posts from this blog

Hacking அறிந்தும் அறியாமலும் – பாகம் 2