December 29, 2012

Releasing Blogger Notification Bar!


Blogger Notification BarLooks like the new year is near! Out of the premium sets of design resources in our repository, we often share one of them as a freebie when the occasion is precious. There are many creative premium widgets, tools and plugins that we managed to develop this month for our regular clients and out of these I will be sharing just two such resources as a new year gift. They are: (1) Blogger Notification bar widget that you can see live on our blog at the top and (2) a Blogger Template entitled "Salahuddin Ayubi" which is far better than any of the templates we designed so far and makes us really jealous when we compare it to our current design of MBT blog itself!


Copyright

Bloggers and developers are hereby advised not to sell or redistribute the widget codes. You are also instructed not to remove MBT's watermark from the notification bar. Removing the watermark will break the entire code, leaving all your efforts in vain.
Premium version includes no watermarks. If you wish to buy the widget for Wordpress, Joomla or even Blogger Blogs, then you may kindly contact us via our services page.

What's New in it?

This notification bar works best by grabbing readers attention and helps you to focus readers towards important deals, announcements or any story. It functions on pure JQuery light-weight functions and is compatible with all major browsers including IE9.
Custom, unique and non-commercial plugins are always better then public designs. HelloBar is now too common and used everywhere and you may not like the limited design customizations offers provided by them along with their logo on the plugin. HelloBar also requests URL redirection and you need to register to use it. Scripts are stored at Hellobar server and the browser needs to send a request in order to display it on your blog or site. Really not appropriate if you don't like redirections and attribution links.
Blogger Notification bar requires no registration and provides far better design flexibility. The scripts are less than 6KB in size and fully hosted at your server.  You can change its look and theme to any color that may blend your layouts. Every single element is well structured and can easily be configured. A perfect tool to play with.
I will be always available to provide any help required here on this page.
You may also enjoy trying out some of our previous stickybars:

Installing Notification Bar on blogger

You may follow the easy steps mentioned below in order to add the widget to your blogger blogs. Same procedure will work for any other platform like Wordpress.
  1. Go To Blogger > Template
  2. Backup your template
  3. Click Edit HTML
  4. Search for <head>
  5. Paste the following scripts just below it:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<!--Blogger Notification Bar by www.MyBloggerTricks.com-->
<script language='JavaScript'>
//<![CDATA[
var _0x519b=["\x6A\x51\x75\x65\x72\x79","\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x6E","\x74\x6F\x70","\x6C\x69\x6E\x65\x61\x72","\x65\x78\x74\x65\x6E\x64","\x65\x61\x73\x69\x6E\x67","\x73\x77\x69\x6E\x67","","\x74\x6F\x74\x61\x6C\x48\x65\x69\x67\x68\x74","\x68\x65\x69\x67\x68\x74","\x62\x6F\x72\x64\x65\x72\x53\x69\x7A\x65","\x64\x75\x72\x61\x74\x69\x6F\x6E","\x73\x68\x6F\x77\x41\x66\x74\x65\x72","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x66\x69\x6E\x64","\x2E\x6C\x69\x6E\x6B","\x23\x63\x6C\x6F\x73\x65\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x23\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x61\x6E\x69\x6D\x61\x74\x65","\x6F\x70\x65\x6E\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x61\x62\x73","\x61\x64\x64\x43\x6C\x61\x73\x73","\x6D\x61\x72\x67\x69\x6E\x54\x6F\x70","\x74\x6F\x70\x5F\x66\x69\x78\x65\x64","\x62\x6F\x74\x74\x6F\x6D","\x62\x6F\x74\x74\x6F\x6D\x5F\x66\x69\x78\x65\x64","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x64\x65\x74\x61\x63\x68","\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x62\x6F\x64\x79","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6C\x65\x6E\x67\x74\x68","\x2E\x6D\x75\x6C\x74\x69\x4D\x65\x73\x73\x61\x67\x65\x73","\x69\x6E\x69\x74","\x6D\x75\x6C\x74\x69\x70\x6C\x65\x4D\x65\x73\x73\x61\x67\x65\x73","\x6B\x65\x65\x70\x48\x69\x64\x64\x65\x6E","\x63\x6C\x6F\x73\x65\x61\x62\x6C\x65","\x63\x6C\x69\x63\x6B","\x70\x6F\x73\x74","\x63\x6C\x69\x63\x6B\x3D\x74\x72\x75\x65","\x61\x6A\x61\x78","\x3C\x61\x20\x73\x74\x79\x6C\x65\x3D\x22\x6D\x61\x72\x67\x69\x6E\x2D\x74\x6F\x70\x3A\x35\x70\x78\x3B\x20\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x37\x70\x78\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x23\x36\x36\x36\x36\x36\x36\x3B\x20\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x4D\x79\x42\x6C\x6F\x67\x67\x65\x72\x54\x72\x69\x63\x6B\x73\x2E\x63\x6F\x6D\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x34\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x36\x44\x37\x6D\x2D\x69\x74\x57\x64\x6E\x6F\x2F\x55\x4E\x32\x77\x30\x54\x54\x33\x5A\x6C\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x49\x59\x63\x2F\x43\x4A\x78\x64\x73\x4C\x72\x57\x6B\x51\x67\x2F\x73\x34\x30\x30\x2F\x6D\x62\x74\x2E\x70\x6E\x67\x22\x2F\x3E\x3C\x2F\x61\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x65\x61\x73\x65\x4F\x75\x74\x42\x6F\x75\x6E\x63\x65","\x68\x61\x73\x4F\x77\x6E\x50\x72\x6F\x70\x65\x72\x74\x79","\x23\x62\x6C\x6F\x67\x67\x65\x72\x6E\x6F\x74\x69\x66\x69\x63\x61\x74\x69\x6F\x6E\x57\x72\x61\x70","\x72\x65\x61\x64\x79"];;;(function (_0xd41ax1){_0xd41ax1[_0x519b[2]][_0x519b[1]]=function (_0xd41ax2){var _0xd41ax3={duration:500,position:_0x519b[3],closeable:true,showAfter:0,keepHidden:false,borderSize:3,height:40,easing:_0x519b[4]},_0xd41ax4=_0xd41ax1[_0x519b[5]]({},_0xd41ax3,_0xd41ax2);if(_0xd41ax4[_0x519b[6]]==_0x519b[7]){_0xd41ax4[_0x519b[6]]=_0x519b[8];} ;_0xd41ax4[_0x519b[9]]=parseInt(_0xd41ax4[_0x519b[10]],10)+parseInt(_0xd41ax4[_0x519b[11]],10);_0xd41ax4[_0x519b[12]]=parseInt(_0xd41ax4[_0x519b[12]],10);_0xd41ax4[_0x519b[13]]=parseInt(_0xd41ax4[_0x519b[13]],10)*1000;var _0xd41ax5=_0xd41ax1(this),_0xd41ax6=_0xd41ax5[_0x519b[15]](_0x519b[14]),_0xd41ax7=_0xd41ax6[_0x519b[15]](_0x519b[16]),_0xd41ax8=_0xd41ax6[_0x519b[15]](_0x519b[17]),_0xd41ax9=_0xd41ax5[_0x519b[15]](_0x519b[18]),_0xd41axa={},_0xd41axb=_0x519b[8],_0xd41axc={},_0xd41axd=_0x519b[8],_0xd41axe=function (){_0xd41axc[_0xd41axd]=_0xd41ax4[_0x519b[9]];_0xd41ax9[_0x519b[19]](_0xd41axc,(_0xd41ax4[_0x519b[12]]/2),_0xd41ax4[_0x519b[6]]);_0xd41ax5[_0x519b[21]](_0x519b[20]);} ,_0xd41axf=function (){_0xd41axc[_0xd41axd]=-Math[_0x519b[22]](34-_0xd41ax4[_0x519b[10]]);_0xd41ax9[_0x519b[19]](_0xd41axc,(_0xd41ax4[_0x519b[12]]/2),function (){_0xd41ax10();} );} ,_0xd41ax10=function (){_0xd41axa[_0xd41axb]=0;_0xd41ax5[_0x519b[19]](_0xd41axa,_0xd41ax4[_0x519b[12]],_0xd41ax4[_0x519b[6]],function (){_0xd41ax5[_0x519b[23]](_0x519b[20]);} );} ,_0xd41ax11=function (){_0xd41axa[_0xd41axb]=-_0xd41ax4[_0x519b[9]];_0xd41ax5[_0x519b[19]](_0xd41axa,_0xd41ax4[_0x519b[12]],function (){_0xd41axe();} );} ,_0xd41ax12=false;switch(_0xd41ax4[_0x519b[28]]){case _0x519b[3]:_0xd41axb=_0x519b[24];_0xd41axd=_0x519b[3];break ;;case _0x519b[25]:_0xd41axb=_0x519b[3];_0xd41axd=_0x519b[3];break ;;case _0x519b[27]:_0xd41axb=_0x519b[26];_0xd41axd=_0x519b[26];break ;;} ;_0xd41ax5[_0x519b[29]]();_0xd41ax5[_0x519b[33]](_0x519b[32])[_0x519b[31]]({display:_0x519b[30]});if(_0xd41ax6[_0x519b[15]](_0x519b[35])[_0x519b[34]]){bloggernotificationExtras[_0x519b[37]][_0x519b[36]]();} ;if(_0xd41ax12&&_0xd41ax4[_0x519b[38]]&&_0xd41ax4[_0x519b[39]]){setTimeout(function (){_0xd41axe();} ,_0xd41ax4[_0x519b[13]]);} else {setTimeout(function (){_0xd41ax10();} ,_0xd41ax4[_0x519b[13]]);} ;_0xd41ax8[_0x519b[40]](function (){_0xd41ax11();setCookie();} );_0xd41ax9[_0x519b[40]](function (){_0xd41axf();setCookie();} );_0xd41ax7[_0x519b[40]](function (){_0xd41ax1[_0x519b[43]]({type:_0x519b[41],data:_0x519b[42],success:function (_0xd41ax13){} });return true;} );} ;} )(window[_0x519b[0]]);jQuery(document)[_0x519b[49]](function (_0xd41ax1){_0xd41ax1(_0x519b[14])[_0x519b[45]](_0x519b[44]);if(!_0xd41ax1[_0x519b[6]][_0x519b[47]](_0x519b[46])){_0xd41ax1[_0x519b[5]](_0xd41ax1[_0x519b[6]],{easeOutBounce:function (_0xd41ax14,_0xd41ax15,_0xd41ax16,_0xd41ax17,_0xd41ax18){if((_0xd41ax15/=_0xd41ax18)<(1/2.75)){return _0xd41ax17*(7.5625*_0xd41ax15*_0xd41ax15)+_0xd41ax16;} else {if(_0xd41ax15<(2/2.75)){return _0xd41ax17*(7.5625*(_0xd41ax15-=(1.5/2.75))*_0xd41ax15+0.75)+_0xd41ax16;} else {if(_0xd41ax15<(2.5/2.75)){return _0xd41ax17*(7.5625*(_0xd41ax15-=(2.25/2.75))*_0xd41ax15+0.9375)+_0xd41ax16;} else {return _0xd41ax17*(7.5625*(_0xd41ax15-=(2.625/2.75))*_0xd41ax15+0.984375)+_0xd41ax16;} ;} ;} ;} });} ;_0xd41ax1(_0x519b[48])[_0x519b[1]]({position:_0x519b[3],showAfter:0,keepHidden:true,duration:300,closeable:true,height:40,borderSize:1,easing:_0x519b[7]});} );

//]]>
</script>
      6.   Next search for ]]></b:skin>
      7.   Just above it paste the following styles:
/* ----Blogger Notification bar by www.MyBloggerTricks.com----- */
#bloggernotificationWrap{
    display: none;
    margin: 0;
    padding: 0;
    position: fixed;
    margin-top: -41px;
    z-index: 999999;
    width: 100%;
    height: 41px;
}
#bloggernotification {
    width: 100%;
    height: 28px;
    margin: 0px;
    padding-top: 7px;
    text-align: center;
    background: none repeat scroll #2E2F2E;
    position: relative;
    box-shadow:0px 1px 3px #666;
    z-index: 9998;
    text-decoration: none;
    color: #cccccc;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    border-bottom:2px solid #fff;
}

#bloggernotification a{
    text-decoration: none;
    color:#FFFC00;
     font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    outline: none;
}
#bloggernotification a:hover{
    text-decoration: underline;
}
#bloggernotificationWrap #closebloggernotification{
    display: block;
    position: absolute;
    top: 0;
    right: 23px;
    height: 40px;
    width: 21px;
    background: url(http://4.bp.blogspot.com/-vtzv7UVG0ro/UN2vJXK7WII/AAAAAAAAIX8/KqX3rdH4g8Q/s400/light.png) no-repeat 0 center;
    cursor: pointer;
}
#bloggernotificationWrap #closebloggernotification:hover{
    background-position: -21px 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification{
    background-position: right 50%;
}
#bloggernotificationWrap.bottomPosition #closebloggernotification:hover{
    background-position: -42px 50%;
}
#bloggernotificationWrap #openbloggernotification{
    display: block;
    position: absolute;
    top: -6px;
    right: 15px;
    padding: 0 7px;
    background: #2E2F2E;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    cursor: pointer;
    z-index: 1;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
       box-shadow:0px 1px 3px #666;
}
#bloggernotificationWrap #openbloggernotification span{
    display: block;
    width: 21px;
    height: 34px;
    background: url(http://4.bp.blogspot.com/-vtzv7UVG0ro/UN2vJXK7WII/AAAAAAAAIX8/KqX3rdH4g8Q/s400/light.png) no-repeat right 50%;
}

Make these Design changes if you wish:
  • To change the background color of the bar simply edit #2E2F2E
  • To change text color edit #cccccc
  • To change hyperlink color edit #FFFC00
  • To change anything else, just post me your query in the comment form below! :)
      8.  Finally to make the bar appear just add the following code below <body>
<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>

Write Your Notification Message Here
<span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>

<br/><br/>
     9. Save your template and you are all done!

Creating links  

To create links inside the notification bar use the following code:
<a class='link' href='ADD-URL-HERE' target='_blank'>Link Text</a>
You must add the class='link' , which is required by the script.

Need help?

This plugin would work just fine if all the above steps are carefully followed. The steps are extremely easy to try. I just hope you find it worth using. If you ran into any technical problem just feel confident to leave your comments. I would love to help you out. Wishing you all the best of life buddies. Peace and blessings pals! :)




If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

73 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Well Mohammed You did an Awesome work out here and just fails the Hello bar. Congrats and pls read my email i have sent to you at gmail.

    ReplyDelete
  2. very nice plugin brother.but actually we are using word press platform, any way thanks for sharing

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. i want to delete mtb logo, what can i do? how much RS? For this code?

    ReplyDelete
  5. is enough to look attractive on blogger, but I say confused I use it on a blog that care for what, but I will try it probably will enhance the interest in my blog. thanks muhammad

    ReplyDelete
  6. This is cooler than hellobar surely gonna try this on my blog

    ReplyDelete
  7. Mustafa Bro thanks for this, i was searching that form on other platform, and eagerly waiting for other gifts.

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. Brother, please tell me from which point and which website I shoud start learning about web-hosting, HTML and Css??
    I asked about that in earlier post.
    And sorry for off-topic question.
    Hope you understand :)

    regards.

    ReplyDelete
    Replies
    1. www.s3schools.com is the best website for learning HTML, CSS and many other things regarding website ... Note its free..

      Delete
  10. This comment has been removed by the author.

    ReplyDelete
  11. Hi Mohommad, Can i make new about this widget in mine blog?

    ReplyDelete
  12. i like it this one so best content here but i am first time visit nice site here http://mbloggertricks.blogspot.com/

    ReplyDelete
  13. Looks great, and greater than the previous one. Great Job, Mohammad. I will surely try this one. Thanks!

    ReplyDelete
  14. U are great as always, Bhai.. gonna try this at home :D
    btw, long time no see.. i almost think that u leaving MBT for good.. but it a nice surprise when u appear again here as the writer.. :D

    ReplyDelete
  15. Hey Bro, Really Cool Modification Of Foobar and Hellobar. I Guess there is a Small Bug. When We hide the Blogger Notification bar it keeps on Showing the OLDER/Newer Post Navigation Buttons. I think you forgot to include its coding in the Nav bar?

    As per the credits, You should use jQuery to protect your copyrights. I knew there are lots of Copiers and Spammers who copies widgets without giving any credits. I am also using Encoded jQuery to protect my copyrights on my widgets.

    Since, you are a developer yourself then, This would be a Piece of cake for you bro. BTW: I love the Name "Salahuddin Ayubi" LOL.

    Take a lot care of yourself brother.

    Regards:
    Syed Faizan Ali

    ReplyDelete
  16. very nice i install this in my blog called www.quizvook.com

    ReplyDelete
  17. After Many Guest Posts, Finally an awesome post by Mohammad, Really nice post ! Thanks a lot For the info !

    ReplyDelete
  18. awesome ...:P

    I'd love to apply new template on my new blog ...:P
    when will it be released ..?? :P

    ReplyDelete
  19. Wow.. "Salahuddin Ayubi"? That's great name. He is a moslem heroes who known for his soul knights. Hopefully this widget also like its name.

    ReplyDelete
  20. very nice work... brother... keep it up.. we are hoping much more from you...
    rahul Sethi

    ReplyDelete
  21. Wow,Thanks for this new year gift,
    It is relly beautiful
    Usually I Blog on Wordpress
    But id do have some B logger blogs,SO i will be using this There..!
    Thanks you So Much, I love MBT

    TricksMe - The Technology Blog!

    ReplyDelete
  22. again good job bro.. bro please tell me how to add like button in menu bar when i add frame than it will no show.....i don't know why????please help me.
    careerandtricks

    ReplyDelete
  23. i want to delete MBT logo, what can i do? how much RS? For this code?

    ReplyDelete
  24. @The Internet Media
    You can contact Mohammad via services page to get a license.

    @Muhammad Waqas
    Head to w3schools and w3.org

    @muxlimo
    He will always be there :)

    @Behzad Ahmed
    Have patience buddy :)

    @Syed
    I guess it is meant to stay like that..

    -------------------------------------------

    I am waiting for someones response over here with NO response.
    I don't know if that person will understand this line or not.

    ReplyDelete
  25. @Bhavesh Pamecha

    o.O Can you Please Elaborate

    ReplyDelete
  26. @Syed
    Elaborate what? The line or the Bar?
    I guess its the bar.

    I guess it is meant to be like that because suppose a reader has already read the notifications, he no longer need to see again and he can hide it but the previous and next buttons doesn't come in the part of notifications, instead they are more of a part of navigation. So that if the reader don't want to see the notifications, he can hide them but can still navigate to other posts easily.

    ReplyDelete
  27. @Bhavesh Pamecha

    I Guess you know what I mean about that Line.

    You May have the point but i guess you didn't tested the widget properly, once we close the Bar it doesn't catches our History so on Reloading the page the Hello bar Again take its shape.

    Secondly, IF the Navigation buttons doesn't comes in the part of notification bar then we should not add it in such places which is overlapping other widgets.

    So, the equation of showing Older/Never would give an ugly look to a site. Its my personal opinions, otherwise the widget is spotless bang on money!

    ReplyDelete
  28. @Syed
    Yes I didn't actually notice that history of hiding. Kinda like FB recommendations box which acts similarly after reload/refresh.

    May be the navigation is overlapping but suppose if it is removed the notification bar would look a bit lonely :P

    ReplyDelete
  29. @Bhavesh Pamecha

    LOL :) May be but if we add those Older Button on Left and Newer on Right side of the Blog's Wrapper plus make them floatable then it could give an elegant look. I am using the same technique on my site.

    ReplyDelete
  30. Then I would like to have a J and K keyboard support for those.

    ReplyDelete
  31. Where can i get Blogger Template entitled "Salahuddin Ayubi"...?? I wanna download this template.

    ReplyDelete
  32. Where is the "Salahuddin Ayubi" theme that you are talking about? and have sent u mail in services from weeks. Please do reply that

    ReplyDelete
  33. Mohammad! You are too smart! You encrypted your mbt logo image URL in javascript in such a way that it cannot be seen unless decrypted.

    ReplyDelete
  34. @Mehul
    Hehe.. Actually people have become too smart that they will waste their time removing that logo instead of creating or learning something themselves. MBT is giving this absolutely free and they they deserve the credit.

    Second thing I don't understand why people are not saying that Hello Bar is smart to embed the logo in their bar?

    ReplyDelete
  35. @Bhavesh, you reply to everyone lol so will you reply me where is the template entitled "Salahuddin Ayubi" ??

    ReplyDelete
  36. @Nihalhaleem
    Yea I try as much as I can.
    Although I don't know the release date of the template, I guess it will released just before or on new year.

    ReplyDelete
  37. nice plugin bro....thanx for sharing it...

    facebook hacking

    ReplyDelete
  38. @Bhavesh Pamecha Thats because hellobar's logo can easily be removed by simple coding of CSS! :)

    ReplyDelete
  39. Hi! Muhammad there is now doubt that you're a specialist blogger. I found that you solved such types of critical problems aren't often easier to tiny bloggers to find out. I recommend your blog MyBloggerTricks and wishes it all the best. I have a little blog WildBloggerTricks named after your Blog i respect your copyright and as far as possible i try to publish the unique and best tutorials through it. It's not my business but a little hobby as i'm to remain great busy with my study. That's all. Wish you all the best and your blog again...

    ReplyDelete
  40. Nice Widget, Thanks so much !
    that's look prety one, i like it :D
    Waroeng Aplikasi™Regards Blogging

    ReplyDelete
  41. Mohammad I am tired with Salahuddin template because of read more link which is showing after whole post rather than after a few words. How to manage it? Please reply me unless I will not be able to use this Great Template. Thanks

    ReplyDelete
  42. I like it. You are genius:) I don't know how have you managed to hide your link with mbt image within Notification bar:)

    ReplyDelete
  43. I really like this widget... This is awesome... Thank you for sharing this...

    More Blog Tools

    ReplyDelete
  44. Hello Mohammad,
    Several times for buy this widget i applied but did not answer?!!
    what is result???!!

    ReplyDelete
  45. How to make Next / Previous Icons

    ReplyDelete
  46. in blog i can't found some tag in my template with your different information site i have made my site through site help.please visit my site http://fogunto.blogspot.com/ i am class 9 student in the above i have elders are making blogs but i am trying best for working on it so reply thank u

    ReplyDelete
  47. Again Thanks to Mohammad, Amazing toolbar for blogger but i need a very small help, I want, if viewers visit my blog then notification bar shows random posts every time. Can you suggest how it possible.

    Thanks

    ReplyDelete
  48. This is a GREAT post! I hope you not mind.I published an excerpt on the site and linked back to your own blog for people to read the full version. Thanks for your advice.
    Advertising agencies in Karachi

    ReplyDelete
  49. Of-course, Mohammad have created a great notification bar, Recently I have shared a similar Bar with No-copyright and having bouncing effect at show and Hide function and fully customizable too.
    This bar is just same as Premium Hello Bar.

    ReplyDelete
  50. How to make your website like bar in green colour just like u

    ReplyDelete
  51. Wow..great sticky bar! I really like this post. :)

    ReplyDelete
  52. Wonderful great going, I love your work and look forward for more work from your side. I am a regular visitor of this site and by now have suggested many people
    Web development Company

    ReplyDelete
  53. sir i want to add this notification bar on the bottom of my blog
    plzzz provide code for this

    ReplyDelete
  54. Please sir how do i make my blogger notification bar to stay at the top without giving no margin.

    ReplyDelete
  55. Hey you the questionnaires don't you think Muhammad is exacting credit out by you all providing a smart jQuery notification bar but you can't deserve it as your own good therefore the author is getting millions of backlinks from your site. If you wish to stop providing backlinks to MBT and remove properly the Water Mark of this Notification Bar then a tutorial can help you.

    You could remove the Water Mark as well as the Bottom Badge which you will find after installing this widget on your blog's front page. Since Muhammad shared this widget with you all but the tricks which will remove the Water Mark is not yet shared across you the bloggers.

    Read the following tutorial if you want this bar as your own property without giving any credit to its real author.

    Hmm... Just a simple trick i made and you need to follow

    Remove MBTs Water Mark

    ReplyDelete
  56. I want to remove MBT watermark from stickybar can u please give me the code or way to remove it thnx please help

    ReplyDelete
  57. Fantastic ! hanks alot. I was looking exactly for this :)
    Cheerz !

    ReplyDelete
  58. great post.. thanks for sharing

    ReplyDelete
  59. How do I change the colour around it from white to blue....email: wikimers@gmail.com.
    Check my site: pc-rom.blogspot.com

    ReplyDelete
  60. Wishing you all the best of life buddies. Peace and blessings pals! Thanks so much <3
    http://www.change24h.net/

    ReplyDelete
  61. Thank you! I installed and it works, but I do need to know where exactly to put the link code.

    ReplyDelete
  62. Got my question figured out. :)

    ReplyDelete
  63. How to center it to my blog...

    http://pinoyluckynumbers.blogspot.com/

    Please help me. :-(

    ReplyDelete
  64. wow its cool widget and I have installed it.. but little problem arise... that is this sticky bar is not heading towards left side what is the problem in mine...
    Plz suggest me.

    Nirazz
    Nepal
    http://nirazz.blogspot.com/

    ReplyDelete
  65. Please tell me how to change the background color into a background image
    because I want to change the color to an image
    thanks

    ReplyDelete
  66. please note that I want to change the color of the notification bar not the background color of the blog
    thanks

    ReplyDelete
  67. after paste the body code then what will i do and whose place i shall write a message plz tell me

    ReplyDelete