MERRY CHRISTMAS WIDGET- WISH YOUR VISTORS


As Christmas is nearing , Every blogger will be thinking of wishing there users and there family. This makes the bloggers to be friendly with there visitors.There are many Christmas decorative widget for blogger which can make your blog to load slow and give ugly appearance.That goodies also make your post unreadable to your users .Do you want to wish your users or make them to get away from your site??
So to avoid this, I come with a new widget which wishes your users beautifully and attractively.This is fast loading and does not increase your blogs load time.This widget is user friendly as it comes with closeable button too.This also make your blog professional! Live preview can be viewed in this blog.want on for you blog also? Just follow these simple steps.

Jquery Closable Christmas wishing widget for Blogger


How to install this widget in your blog?


  • Go to Blogger and open your dashboard.
  • Go to layout menu and open a new desirable widget box and paste this codes in that.

 <style>#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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjZwWGuNxdTqIm2O5x5ZImusUPm7HCj5mbZHtEqykrWk8v0UT06UlFuyd6tNPY-_gp2sm0cZuwfpCftR3CAZGgTASxnE-qKLJh-YA-s80pb72K-yxOh2vo-tGVcMdUbAgBPUBEXLmKSUs/s1600/two_christmas_bells_ringing_ty_clr.gif');
}
</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 Merry Christmas to All our Visitors and Their Family.
</center></div>

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

0 comments:

Click Here To add Comment

PAGE RANK

Page Rank
 

| USEFUL TRICKS- InVaDeR © 2012. All Rights Reserved | Template Style by Abhidinvader