Add Diwali Wishing Widget to Blogger

diwalicandleAs 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 🙂

Add Diwali Wishing Widget to Blogger

  • Login to Blogger > Dashboard
  • 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/48×48/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/16×16/actions/button_cancel.png’/></a>
<center>
Wish You a Very Happy Diwali to All the Visitors and Their Family.
</center></div>

  • Save  Your Widget.

Make Changes….!

  • Replace this text Wish You a Very Happy Diwali to All the Visitors and Their Family. from your own text. (Optional)

If Any Problem Comes, Ask in Comments

 

picture:
The Rangoli of Lights” by Subharnab Majumdar – originally posted to Flickr as The Rangoli of Lights. Licensed under CC BY 2.0 via Commons.

One Response

  1. sewa elf surabaya

Reply