Notification/Subscription Bar for Wordpress & Blogger Blog ~ mascimot.com

Do you want to share?

Do you like this story?

Mintbar is our new notification/subscribe bar for blogs and websites designed to increase conversation with your blog or website. The idea of Mintbar was inspired from Hellobar and Viperbar the two popular notification bars that quite popular in the web. Let me put this to you; Mintbar was developed to give you an idea on how the notification bar and subscribe bars works. If you have a look at Hellobar or the Viperbar you can see their logo appear on the bar which looks odd sometime. So Mintbar is open source, you are free to do any changes on the script to make it look lovable.

Before getting into detail, please understand Mintbar is not a WordPress plugin or neither specified for any platform. The tutorial instructed here can be applied to most of the Website or blog platform that are currently used.

The HTML

This is the basic HTML layout to describe its functions. We have two version. One is to highlight your trending post or whatever and the second one for the email subscribe box using Feedburner. The demonstrated code here is for the notification bar, so if you to use the subscribe box bar, you can get the source from the download link.

The CSS

This part contains the red ribbon background used for bar and other required codes to style up the Mintbar.

Script.js

Now finally I have used jQuery to make it fully function. The script is light weight, so you don’t need to worry about the loading time. For the bounce effect I have used jQuery easing to make it look pretty on your blog or website.
// If you want to change those, just replace the easeOutBounce with your preferred effect from this list.
// To change animation duration change the duration value which is in milliseconds.
// Wrap the code within `<script type='text/javascript'>` and `</script>` (for beginners)

So with these three parts, the Mintbar comes to live. I have attached all the codes and respective images in the download folder. The installation procedure is most probably similar with all the platform.

For instruction on how to use this for WordPress or Blogger, read the instruction from here

For Mint Subscribe Bar

We also said Mintbar can be used as subscription bar. To do that you need to add the HTML code mentioned below instead of the notification settings.