Today, I want to share you the new widget that is “Headline Notify Widget” which will be very useful to show your featured article and also you can announce some important update of the blog to your readers and This widget can be useful to you in much ways.
How to Add transparent Headline Notification bar Widget to Blogger Blog:
I am going to use the following code to create our “Headline Notify Widget”.
<style type=”text/css”>
/*<![CDATA[*/ #st-headline{background:url("https://lh6.googleusercontent.com/-NZPz_PseWrY/T5lfQdmjEgI/AAAAAAAAEIM/KvfK_IcWcfg/st-headline.png") repeat; color: white;margin: 0 auto;border-top: 1px solid black;height: 30px;font-size: 12px;position: fixed;z-index: 1000;width: 100%;top:0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;display: block;bottom:0;left:0;right:0;}#st-headline:hover
{background:#333;}
#st-headline p{line-height:10px; font-size:12px; text-align:center; width:95%; float:left;}
#st-headline p a{ text-decoration:underline; color:#FFFF33;}
.st-alert{display:block; position:relative; right:15px; float:right;bottom:30px;}
.st-alert a{font-size:18px; font-weight:bold; font-family:"Arial"; color:#FF0000; line-height:30px;}
/*]]>*/
</style><div id=”st-headline”><div style=”text-align: center;line-height: 30px;”>
hi ! Hello Get This<a href=”http://www.spicytricks.com/widget-creators/add-transparent-notification-bar-widget-blog\”> Infobar Widget Here</a> </div>
<div class=”st-alert”><a href=”javascript:hide_alert();”>X</a></div>
</div>
<script language=”JavaScript”>/*<![CDATA[*/
function hide_alert() {
crosstbox = document.getElementById("st-headline");
crosstbox.style.visibility = 'hidden';
}/*]]>*/
</script>
Any one can use this code to their web site and do make notify widget.
For blogger blogs, I do have already created the Widget for free of use, just click the Create Widget and go to that page and easily add the widget to directly to your blog.
How to fill Widget Form:
In our widget form you can select the position of the Notify widget that is you can be able to show the notify bar on the top of your blog or bottom of your blog. Next just enter the content do you want to show in notify bar. That’s it, now click the create button and add the widget. If you have any queries ask in our comment section.
Keep visit our blog or subscribe, lots of new gadgets under development and will be soon here for free.
Please, don’t forget to subscribe to our fantastic RSS feed free newsletter, join SpicyTricks community on Facebook, follow us on Twitter! If you enjoyed the our posts we humbly ask you to comment, and help us spread the word!