Add Stylish Notice Bar To Your Blogger Blog

Hey .. Today I'm going to each you how add a Stylish Notice bar to your blogger blog by simple few steps .This Notice bar helps you to give some special message or any notice to your visitors .

Okey.. Let's we add this notice bar to your blog

Step 01 :

Go to Blogger.com and log in to your blogger account by providing your username and password .
Then select the " Template " option of your blog from the blogger dashboard.

Step 02 :

Now you have to edit your Template . Because of that , first of all you have to get a backup of your template.

After that go to Blogger > Template > Edit Html

Step 03 :

Now find the " </body> " tag in your template . ( Use Ctrl+F button to get the Find In box ).

Then add the following code just before it .

<style>#wcsticky-container { height:46px; width:100%; position:fixed;z-index:99999; top: 0px;left:0px; background:#222222; -moz-border-radius:5px; -webkit-border-radius:5px;color:#ffffff; border-bottom:solid 2px green;-moz-box-shadow:5px 5px 5px #333333;-web-kit-box-shadow: 5px 5px 5px #333333;-goog-ms-box-shadow: 5px 5px 5px #333333;box-shadow:3px 2px 4px green;}#wc-stickylinks{color:green;font:14px verdana;margin-top:12px;margin-left:20px;text-decoration:none;}#wc-stickylinks a{font:14px verdana;color:#ffffff;text-decoration:none;}#wcstickyclose{float:right;margin-top:15px;margin-right:20px;}#wcstickyclose a{color:#ffffff;text-decoration:none;font:14px verdana;padding:3px;background:red;border-radius:10px;}#wcsticky-main{float:left;}</style><script language='JavaScript'>function closesticky() {document.getElementById("wcsticky-container").style.visibility = "hidden";}</script><div id='wcsticky-container'><div id="wcsticky-main"><p id='wc-stickylinks'> Notice:<a href='#'> To Get This Gadget To Your Blog </a> <a href='http://www.gadgetsack.blogspot.com/2014/01/add-notice-bar.htmll'>Clck Here !</a></p></div><div id="wcstickyclose"><a href="javascript:closesticky();" >Close</a></div> </div>

Step 04 :

Now Replace The " To Get This Gadget To Your Blog " and " Clck Here " with your notice and Replace there links with your links .

Then Click on " Save Template " and save it to your template . Now visit your blog and see how its work.

-------------------------------------------- End OF Tutorial --------------------------------------------

If you have any problem with this .. Please ask them via comment and tell us your success also .
Share this if you get anything from this Post ...

Techkyla