Animated Notice Box Blogger and Blogspot Widget and Plugin
Ever wanted to greet your visitor with something important message or want to have your visitor a look at the most important content of your website. Than a Animated Notice Box blogger widget is the one you are looking for.
Log in To Blogger
Go To Layout --->Page elements
Click on Add Gadget and Select Html/Javascirpt
and Paste the bellow Code in it
<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i46.tinypic.com/jzf8tk.jpg');
}
</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(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wqv9H0qoUCQVfFyEeePQG2bsh1-1-7tYr2bEMxPadWJ3t9hDkGWJ-MBLn5i-2usrSV2UpR2Nih6eer8WWCSl-hbT7U5jYI_kCDBaPtax_MekegSSpQYR-3CM5bY0ba5KjlTqgBHq-pj2/s1600/images.jpg"
/></a>
This Is Your Message .You can change it to Your need. Click on close button on right to exit this boxNow click Save Template
http://bdlab.blogspot.com/2010/05/animated-notice-box-blogger-and.html#more
