Monday, November 12, 2012

Add a Diwali Wishing Widget to Blogger

As the festival of Diwali we want to introduce the new and simple and professional Diwali Wishing Widget for Blogger it's very awesome work like a Blinking text and also have a close button, if any visitor don't want to see that notification the easily you can close it and it's very easy to install in blogger, and it a very quality and good widget for blogger you could say it as Diwali Gift :)

Live Demo

Add Diwali Wishing Widget to Blogger

Now Go to Layout > Click on Add a Gadget

Select HTML/JavaScript Widget.

Paste below code in it.

<style>
/*--Widget by www.widgetgenerators.blogspot.com--*/
#announcement{
width: auto;
font:bold 15px Trebuchet MS;
border: 2px solid #FF0000;
border-radius: 20px;
margin: 0 40px 5px 40px;
text-align: center;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #FF0000;
background-color: #F9EAD4;
background-image: url('http://cdn3.iconfinder.com/data/icons/humano2/48x48/apps/kblogger.png');
}
</style>
<script src='http://code.jquery.com/jquery-1.2.3.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".close").click(function(){
$("#announcement").remove();
});
$("#announcement").fadeOut(800).fadeIn(800)
.fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});

</script>
<div id='announcement'>
<a class='close' href='#close' style='float: right;'><img border='0' src='http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/button_cancel.png'/></a>
<center>
Wish You a Very Happy Diwali to All the Visitors and Their Family.
</center></div>