Skip to main content

How To Add Notification Bar In Blogger Easily (Blogspot)


Adding A notification bar in Blogger is quite simple and can be easily done even if you are not familiar with the blogger template area in your blog. A notification bar is a highly useful blogger widget which can be used to display advertisement, hot deals, a link to your facebook page and other related links. Apart from the fact that it helps makes displaying of important notification easier, it also makes your blog design look more professional and presentable. And the Notification bar is also away to promote your affiliate links and be sure to get links because it stands out visible without even affecting your blogs elegant look. That been said, the usefulness of the notification bar cannot be over emphasize, so I would go straight to the point and teach you how to add it to your blog.

How To Add Notification Bar In Blogger (Simple Method)

  • STEP 1
1. Go To Blogger Dashboard Chose Your Blog
2. Click on Templateand select Edit HTML
Use the search command of on the browser to find the code. To bring out a search bar, click on the template area and Press Ctrl + F(its usually that on most browsers)copy and paste this code in the bar that appears to search for it ]]></b:skin>   If you can’t find the whole line, search for skin
Now Right Above this, paste the code below
/*————-MOON T&T NOTIFICATION BAR —————-*/
#BLOGGERNOTIFICATIONWRAP {
    DISPLAY: NONE;
    HEIGHT: 41PX;
    MARGIN: -41PX 0 0;
    PADDING: 0;
    POSITION: FIXED;
    WIDTH: 100%;
    Z-INDEX: 999999;
}
#BLOGGERNOTIFICATION {
    BACKGROUND: NONE REPEAT SCROLL 0 0 #000000;
    BORDER-BOTTOM: 3PX DOTTED #FFFFFF;
    BORDER-RADIUS: 10PX 13PX 7PX 5PX;
    COLOR: #FFFFFF;
    FONT-FAMILY: ARIAL,SANS-SERIF;
    FONT-SIZE: 14PX;
    FONT-WEIGHT: BOLD;
    HEIGHT: 37PX;
    MARGIN: -30PX 5PX 5PX -1200PX;
    PADDING-TOP: 7PX;
    POSITION: RELATIVE;
    TEXT-ALIGN: CENTER;
    TEXT-DECORATION: NONE;
    TEXT-SHADOW: 1PX 1PX 1PX #000000;
    WIDTH: 500%;
    Z-INDEX: 9998;
}
#BLOGGERNOTIFICATION A {
    BORDER-RADIUS: 3PX 3PX 3PX 3PX;
    BOX-SHADOW: 0 0 5PX RGBA(0, 0, 0, 0.35);
    COLOR: #000000;
    FONT-FAMILY: CALIBRI,SANS-SERIF;
    FONT-SIZE: 13.5PX;
    PADDING: 1PX 7PX;
    TEXT-DECORATION: NONE;
}
#BLOGGERNOTIFICATION A:HOVER {
    TEXT-DECORATION: UNDERLINE;
}
#BLOGGERNOTIFICATION IMG {
    DISPLAY: NONE;
}
If you are good with CSS feel free to play around with the above code to customize the display of the notification bar to your taste and size.
Now Hit Save
After Doing that, move to
  • STEP 2
Now Using the same method to find Search for <Body> Right above the body tag, Paste the code below

<DIV CLASS=’ OPENBLOGGERNOTIFICATION’ ID=’BLOGGERNOTIFICATIONWRAP’ STYLE=’DISPLAY: BLOCK; MARGIN-TOP: 0PX;’>
<DIV ID=’BLOGGERNOTIFICATION’>
POST WHAT EVER MESSAGE YOU WANT HERE
</DIV>
</DIV>
Replace “Post what ever message you want here” with your own message. You can use image links, and customize the message any how you want it to display using basic HTML codes, color etc.
Save the template and preview blog to review your work 
Labels:

Comments

Post a Comment

Popular posts from this blog

How to Remove Powered by Blogger – Attribution Widget?

In this article, I will be demonstrating how to remove or hide attribution widget ‘Powered by Blogger’ in footer of blogger blogspot blogs.  Before going to the process,  backup your blogger template , while editing html code if anything goes wrong or template modified design doesn’t work or looks good you can restore from backed up template.  Here I have demonstrated you two methods for removing attribution widget. Some blogger templates may not support method 1 then you need to follow method 2 for successfully removing attribution widget. Method 1: Remove ‘Powered by Blogger’ by unlocking Attribution widget Step 1 : Go to your blog “Template” | click on “Edit HTML”. Step 2 : Here on drop-down “jump to widget” option and select Attribution 1 as shown below Step 3: After selecting Attribution 1 widget you will be able to see this line <b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>  on your blogger template. Step 5: Once done click on...
15 comments
Read more

Top 7 Modules in Python Programming language | 2020

Python is a simple programming language yet of very high level and is very much popular. This days the use of python has gone very high and it is expected to be much higher in the upcoming days in the near future. So, today in this article we will be discussing about some modules in python language which are most to be learnt: NumPy: It helps to do basic mathematical operations and complex math with algebraic formulas, statistical operations,etc. It is a valuable python package and is important for machine learning. Pendulum: It helps to do complex coding involving dates and time and is broad form of datetime module. It also manages the time zone automatically hence, it is a replacement for the datetime module. Python imaging library: It makes easy to write codes that involves to open, read and manipulate or modify images in a variety of formats. The Pillow or PIL imaging library is good for importing, manipulation and exporting images. MoviePy: As pillow is to images, moviePy ...
Post a Comment
Read more

What is a Country? देश भनेकाे के हाे?

Yesterday, on January 13, Nepal's Coat of Arms was updated to add Kalapani and Limpiyadhura as in the new Political map. In this context, we today discuss on what actually 'a country is for it's citizen.' देश भनेकाे के हाे? What is a Country? जनताका लागि देश के हो ? जनताका लागि देश संविधान, कानुन, नागरिकता, सिमाना र झन्डा मात्र हो ? होइन । जनताका लागि देश राजधानी, त्यसबीच ठडिएको दरबार र त्यसको गजुर हो ? होइन । जनताका लागि देश भनेको सरकार हो ? होइन । जनताका लागि देश निर्वाचन क्षेत्र मात्र हो ? हुँदै होइन । त्यसो भए जनताका लागि के हो त देश ? जनताका लागिदेश चार सिमानाभित्रको माटो मात्र होइन । योसँगै जोडिने भावना, प्रेम, ऊर्जा र सपनाहरूको बगैंचा हो । जनताका लागि देश आशा हो । जनताका लागि देश खेतमा झरेको पसिनाको बियाड हो । आन्दोलनहरूमा सडकमा पोखिएको रगत हो । आफ्ना सपनाहरूको कविता हो । जस्तो, एउटा शिशुका लागि आमाको काख । जस्तो, भर्खर हिँड्दै गरेको एउटा बालकका लागि पिताजीको हात । एउटा यात्रीका लागि देश बाटो हो, जसमाथि ऊ आफ्ना पैतालाका डोबहरू छोड्छ र गन्तव्यतिर बढ्छ । देश भनेको ...
1 comment
Read more