Don't Miss

Add Beautiful Notification Bar to Blogger

By Zohaib Liaqat - 5 Comments
Do you have something amazing? You want to notify your users about what you are going to do next or whatever you want to tell your visitors then notification bar is the best way. Notifications bars always remains on the top, floats with the page and helps you to notify your visitors about your popular posts, upcoming events etc. So, today we are going to share a beautiful notification bar for your blogger blog. This notification bar shows marquee animation and you can easily customize it according to your taste.

Adding this Notification Bar to Blogger 

Step 1. Log in to your Blogger Dashboard
Step 2. Go to Layout >> Click on Add a Gadget and select HTML/JavaScript Gadget from the list of Gadgets
Step 3. Now Copy the below code and Paste it in the HTML/JavaScript Widget Box


<style>
#bgtnot-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;
}

#bgt-movtext
{
text-align:center;
padding:8px;
font-family:  Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #ffffff;
}

#bgt-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#bgt-movtext a:hover
{
color:yellow;
text-decoration:none;
}


</style>
<div id='bgtnot-cont'>
<div id="bgt-movtext">
<marquee  behavior='alternate' direction="left"
            onmouseover="this.stop();"
            onmouseout="this.start();">

          <p>
<a href='
Link'>Title</a>

|        <a href='
Link'>Title</a>

|        <a href='
Link '> Title</a>

|        <a href='
Link'> Title</a>

|        <a href='
Link'>Title</a>
</p>
      </marquee>
</div>
<div></div></div> 

Customization:
  • Replace Link with your post links and Title with your post titles
Step 4. Hit the Save Button
That's it :)

Tags:

5 comments to ''Add Beautiful Notification Bar to Blogger"

ADD COMMENT
  1. Thanks for your marvelous posting! visit www.raselblog.com

    ReplyDelete
  2. you will certainly be asked to determine snapchat failed login Setup for Windows and also Mac, pick for the ideal os.

    ReplyDelete
  3. I am that happy for you personally! Hope, you are still fine, and also you still enjoy your existence and job like this. You told us an amazing story and also you even have no need for bid4papers review to really make it interesting, since it is awesome just the actual way it is.

    ReplyDelete
  4. Everyone wants to have a memorable wedding day, not just for themselves but for every person who is attending their wedding. And it is no simple task to fulfill the wish completely while remaining within the budget you have. wedding dresses are important for a wedding. More dresses at is dreaming and stunning.This is the most romantic day of your life, but it’s also the most passionate day of his.There are no such things as ‘too close’ on this special occasion. Don’t be shy http://www.mytripjournal.com/travel-878607

    ReplyDelete
  5. There are billions of them. I like using apps like Anki and Memrise to remember things. I was told that there are brilliant apps for writing, but I don’t like it. Just not interested in writing. And I don’t think that it is bad. Just not my area. If I need to write something, I would use writing resource. It is what we need them for. Here http://www.vivalanguageservices.co.uk/blog/how-to-write-a-perfect-cv-in-spanish/ you can find an excellent tool that can help you to choose the right service.

    ReplyDelete