Add Animated Notice Box ပꨓ္ꨘꨤင္ꨵ

မ္ꨮꨲသုင္ꨁꨣꨳ သင္ဝꨣꨳပီꨳꨓြင္ꨵꨟဝ္းꨁဝ္ ꨁꨯꨳ သ္ꨮꨲ Add Animated Notice Box ပꨓ္ꨘꨤင္ꨵ တီꨳꨓ္ꨮး ဝꨰပ္ꨵသꨤꨯꨵꨟဝ္းေပꨣးꨓꨯꨅိုင္ ꨟꨱတ္းꨅꨤမ္းတူꨉ္းꨓင္ꨲပꨣꨳတ္ꨮꨳꨓꨯꨵꨁꨣꨳ ꨷



1.Login to your --blogger dashboard  --Desing --&-- Page Elements.
꨽ꨵ ꨀꨮꨣꨲတီꨳ  'Add a Gadget'

3.ꨀꨮꨣꨲတီꨳ  'HTML/Javascript' ေꨟသ္ꨮꨲပꨓ္ codes တီꨳတ္ꨮꨳꨓꨯꨵတꨣꨵ

<style>

#info{

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

position:relative;

color: #FFF;

background-color: #000000;

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/AVvXsEgBUXxxCJSzN2KcnK5kHMqZo7vWt6iO8u7wOdELZ-tiQrzzv8fqQYBOdf87ydInAZrMtL1yZSWxdjRomrYALMeF5tipakly2SB6KJq6cf2lHv2yI6MIcq1nKOJa2RKFCgRXuZrybcy10KRL/s1600/images.jpg" /></a>

Hello This is test Notice...

hello this is test Notic ..ꨓꨓ္ꨵ ꨁꨯꨳသ္ꨮꨲ လိꨀ္ꨳ သင္ သ္ꨮꨲတꨣꨵ