Jquery Closable Christmas wishing widget for Blogger

Jquery Closable Christmas wishing widget for Blogger
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 camed 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.com and open your dashboard.
  • Go to layout menu and open a new desirable widget box and paste this codes in that.
 <style>
/*--Widget by truebloggertricks.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7X7I4ugWliIatKSH5qRJnE7jYY0FbKVumkMhwHjQ7gv99fffEBElOmjPrEf82xFSLOCVgXHx2rdsJj8rn2kHB4yrfYgtczTayzas-XCBwhjQbUlXbMfBxQduBJeaIVtJYtr6JpRgmheU/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>

Or you can use this easy install option.Just click and install this widget in your blog.




Thats all!!. We whole heartly wish a merry and happy Christmas to you and your family members. You can also share your wishes via comments.  

6 comments:

  1. Its a good widget .It is good for notification to if you add the link for the topics.

    ReplyDelete
  2. Thank u so much for this code.
    Merry Christmas..:)

    USEFUL TRICKS

    ReplyDelete
  3. Hi i have also updated a code true blogger .You can check it out here
    http://www.clickdigit.com/2012/12/floating-christmas-widget-for-blogger.html

    expecting your reply

    ReplyDelete
  4. Hi i have also updated a code true blogger .You can check it out here
    http://www.clickdigit.com/2012/12/floating-christmas-widget-for-blogger.html

    expecting your reply

    ReplyDelete
  5. Thanks Nice Widget I will try in my blog

    www.simpletechie.blogspot.com

    ReplyDelete

Please don't spam. We hate spammers