I managed to develop many creative widgets this month out of which I will be sharing just one for this month. The widget that I am going to share today is very different from all the other widgets. Almost all blogger blogs lack this amazing
NoScript Notification bar widget that is shown when a user has JavaScript disabled in his browser. This way the user will be notified that it is safe to turn on JavaScript for your blog and that your blog appears better with JavaScript enabled.
Copyright
All these widget codes are the copyrighted property of
My Blogging Tricks. Bloggers and developers are hereby advised not to sell or redistribute the widget codes without permission. You are also instructed that if you want to share this widget with your readers then kindly link back to this page. Any copyright infringement will result in your blog getting reported to Google DMCA.
What's Special in this Widget?
JavaScript is a client side scripting language so many people turn it off for security purposes. So this notification bar works best by grabbing the readers attention and helps you to focus the readers towards turning on JavaScript as it is safe to do it for your blog.
This widget is made from pure HTML and CSS so it is compatible with all the major browsers including, Chrome 1, 2, 3, 4, 5 and above, Firefox 1, 2, 3 and above, IE 4, 5, 6, and above, Opera 3, 4, 5, 6, 7, 8, and above and Safari 1, 2, 3, 4, 5 and above.
Each and every element of this notification bar is well structured and can be configured easily. This notification bar provides far better design flexibility and you can easily change its theme and look to any type of color you want. This notification bar doesn't affect site load time. You can change it in any way you want that may perfectly blend your layout.
And if any help is required, I will be always be available to help you on this page.
Installing the Notification Bar on Blogger
You may follow the extremely easy steps mentioned below to add the widget to your blogs.
- Go To Blogger > Template
- Backup your template
- Click Edit HTML
- Search for ]]></b:skin>
- Just above it, paste the styles below,
/* ---- NoScript Notification bar by www.MyBloggingTricks.com ----- */
#noscriptnotificationbarWrap{
display: none;
margin: 0;
padding: 0;
position: fixed;
margin-top: -41px;
z-index: 999999;
width: 100%;
height: 41px;
}
#noscriptnotificationbar {
width: 100%;
height: 28px;
margin: 0px;
padding-top: 7px;
text-align: center;
background: none repeat scroll #00BBFF;
position: relative;
box-shadow:0px 1px 3px #666;
z-index: 9998;
text-decoration: none;
color: #000;
font-family: arial,sans-serif;
font-size: 14px;
font-weight: bold;
text-shadow: 0.4px 0.4px 0.4px rgb(74, 73, 73);
}
#noscriptnotificationbar a{
text-decoration: none;
color: #FFFC00;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 0.4px 0.4px 0.4px rgb(74, 73, 73);
outline: none;
}
#noscriptnotificationbar a:hover{
text-decoration: underline;
}
Make Design Changes if you like:- To change the background, simply edit #00BBFF
- To change text color, edit #000
- To change hyperlink color, edit #FFFC00
- And if you want to change anything else, just post me your query in the comment box below! :)
8. Finally to make the bar appear, search for
<body> and add the following code below it,
<noscript><div id='noscriptnotificationbarWrap' style='display: block; margin-top: 0px;'><div id='noscriptnotificationbar'>
Write Your Notification Message Here
</div></div>
<br/><br/></noscript>
9. Save your template and you're all done!
Need help?
I just hope that all you guys find this widget worth using. All these steps are extremely easy to try out. This widget will work fine if you follow all the steps carefully. And even if you ran into any kind of technical problem then just post your comment and I would love to help you guys. Peace and blessings buddies! :)
Everyone likes free blogger resources like icons and buttons and they are something that are never rejected by anyone. I want to share with you my Freeware Icon Collection that contains 800+ smashing icons. I have collected these icons over the recent months from different websites and blogs. This is a web2.0 icon set and it contains almost everything that you may need, from social media icons, forum icons, blog icons till RSS icons. All these crowded in one jumbo set! You too can get a free copy of this amazing collection, just by submitting your Email ID and becoming a valuable MBT reader. Then you can benefit from tons of such resources for free. 
A little time ago, we had shared a tutorial on how to enable Blogger's most awaited feature of threaded (Nested) commenting system. The method we shared only worked in official blogger templates but didn’t work in other templates created by un-official designers. More than 70% blogger blogs use un-official templates and as this feature can't be opposed by anyone therefore Mohammad Mustafa Ahmedzai of 
