Wordpress Arena » Plugins

How to add a Notification Bar Strip on WordPress Powered Website

Nur — Wed, 18 Apr 2012 14:45:17 +0000

Most of of the Website owners display ads or run a promotional campaign on the top or at the bottom of the Website. Such kind of notification must be stick on top of the content without disturbing them but if you are using WordPress, its very easy to manage Notification bar by using WordPress plugins, I will provide the best WordPress plugins for Ad bar, as well If you don’t like WordPress plugin to distract your site, you can still run a Ad or Notification bar by using the following piece of code and instruction from “Put a Floating Ad Bar Strip on Your WordPress Site“. Although with Hello Bar you can drive more attention to your most important website content with the cost of Hello Bar promotion same as with other WordPress Plugins. But with premium Plugin like Fading Menu with Notification Bar and Social Icons, You can set the text manually (with a simple text editor that will allow you to add links and change color on the fly), or set it to always show your latest tweet, facebook notification and important content. This will allow you to always have an up to date notification bar with your latest news.

Adding a Floating Notification Bar

In case, if you don’t like WordPress Plugin, you can add the following snippet after the tag. Go to Appearance > Edit and select your header.php file and add the following piece of code above the tag:


Drive more attention to your most important website content

Style Your Notification Bar

< /hr>
You must give some style to your ad strip, otherwise it will not float properly when the site visitors scroll down the page and it will display as a text link, so it is very important to give a style to it as follow, open your theme style sheet file(style.css) and add the div class into it and save the file:

#notification-bar {
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  margin-bottom:15px;
  background-color: ##FFF9B8;
  color: #333;
  border-bottom: solid #000000;
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 12px;
  font-family: Georgia, "Times New Roman;
  font-weight: bold;
}

If you have activated admin bar for yourself and user, better to disable it, so it will not disturb your important content on ad strip. If you have different user roles on your site and want to manage their layout for Admin bar, than you can use WP Custom Admin Bar: This gives you options to change who sees the Admin Bar based on their user role, change or override the default styling or remove the Admin Bar altogether.

WordPress Header / Footer Notification Bar Plugins

Fading Menu with Notification Bar and Social Icons

Fading Menu with notification Bar is a WordPress Plugin that will allow you to add your navigational menu (main menu or custom menu defined by you) along with notification bar at the top of your browser. Simply scroll down your browser a bit to see it in live action!

Live preview | Detail

uAnnounce – Premium Announcements for WordPress

uAnnounce is a Premium Announcement plugin for WordPress. The announcements are thin colored stripes that contain a message and appear at the top of the page. uAnnounce allows you to schedule announcements to appear on your blog, you can use this to draw your visitors’ attention to an important message you may have. It supports a wide range of conditions that influence on which pages, blog posts and/or to users with which particular browsers the announcement should be displayed. It also features multiple skins to cover the basic announcement types, such as Alert, Error, Warning, Info.

Live preview | Detail

Foobar – WordPress Notification Bars

The Foobar is a plugin for WordPress that allows you to add a highly customizable bar to the top of your blog or website. You can display different notifications on different pages and define a default bar that will display on all your pages.

Live preview | Detail

attentionGrabber: WordPress Notification Bar

attentionGrabber is a plugin for WordPress that allows you to add a notification bar to your website.
With this plugin you can easily display custom texts, Twitter posts and Feeds RSS . Also, the huge list of features lets you fully customize the notifications look.

Live preview | Detail

Widgetized Stickybar

Widgetized Stickybar is a plugin for WordPress that allows you to add a highly customizable widget bar to your blog or website. As it is said in the title, bar contains widget areas, where you can place any widgets available in your WordPress dashboard. As an administrator you decide where to stick the bar: top, bottom, right or left edge. You also can customize size, colors, opacity, number of columns and other parameters of the bar. Widgetized Stickybar is a perfect way to extend functionality of your website.

Live preview | Detail

Free WordPress Header / Footer Notification Bar Plugins

Easy Heads Up Bar

This plugin adds an easy to use notification bar to the top of your WordPress website with a linked call to action

General Display Options

Your Heads Up Bar appears on the top of the websites page
No Limit! You can create as many Heads Up Bars as you need
If you have multiple Bars they will show randomly
The Bar can be limited to just the Home Page, Interior Pages OR the can be displayed on all pages

Wordpress Arena » Plugins

How to add a Notification Bar Strip on WordPress Powered Website

Adding a Floating Notification Bar

Style Your Notification Bar

WordPress Header / Footer Notification Bar Plugins

Free WordPress Header / Footer Notification Bar Plugins

General Display Options

How to embed media to WordPress Responsive Themes

Live Example

About WordPress Auto-embeds

Under the hood

Multisite Compatibility

Best Free WordPress Resources: Themes, Hosting, Graphics, Icons, Tools and Plugins

Free WordPress hosting

Best Free WordPress Theme

Main Features

Free Easy Docs WordPress Theme

Features

8 Free Twenty Eleven Child Themes

10 Free BuddyPress Themes Compatible with BuddyPress 1.5

17 Free WordPress Themes

Free HTML5 and CSS3 Themes for WordPress

Free Coming Soon Themes

WordPress Plugins

Dropbox Plugins for WordPress

How to Customize and Create a new Login Page for WordPress Powered WebSite

Creating a New Custom-login Page

Full Code Preview of Custom login Template

Add New Blank Page

Customize the WordPress Login Screen Logo

” title=””> You can customized the WordPress login screen by using the following WordPress Plugins.

Other Resources:

How to Hide or remove the WordPress Upgrade Message in the Dashboard

How to Enable Posting and Editing From the WordPress Front-End

WordPress Plugins for Front end posting and Editing

WordPress Plugins for Voting on posts

How to tweak your website images for maximum SEO

The power of image search traffic

Get INSTANT ACCESS To The SEO Fast Indexer Tool Now!

Tweaking images for better SEO

Appropriate and descriptive filename

Always write a good alt text

Importance of captions and titles

Coherent the image in context

Quality of the Image

Recommended eBooks and other useful Resources:

How to Manage WordPress Users and Multiple Authors Profile

How To Create An Authors Page

Managing a Multi-Author Site

Tools that help authors communicate

Tools to promote author profiles

Features

Tools to manage multi-author blog posts

” title=””>

You can customized the WordPress login screen by using the following WordPress Plugins.