ꨘꨤင္ꨵ ။ ။လိꨀ္ꨳလꨤꨯးတꨤꨯ ေꨀꨣꨳ ပိုꨓ္းꨀူꨓ္းꨟꨤꨯ ၊ ပိုꨓ္းꨀူꨓ္းꨟꨤꨯ ေꨀꨣꨳ ꨘိင္ꨳထုင္းတꨤꨯ ၊ ꨘိင္ꨳထုင္းတꨤꨯ ေꨀꨣꨳ ꨀꨮꨤမ္းလꨤတ္ꨳꨟꨤꨯ ၊ꨀꨮꨤမ္းလꨤတ္ꨳꨟꨤꨯ ေꨀꨣꨳ ꨀူꨓ္းꨁိူဝ္းတꨤꨯ ၊ ꨀူꨓ္းꨁိူဝ္းတꨤꨯ ေꨀꨣꨳ ဝꨤꨓ္ꨳမိူင္းꨟꨤꨯ ။
ꨟိုဝ္ꨵ ꨵꨵ ꨁိုꨀ္ꨵေတꨵေတꨵ ယဝ္ꨳ ꨟီးးးးးးးး ေပꨣး သူ တꨱꨀ္းတီꨳ ꨓꨯꨳ ꨬတꨵ ေတ လꨯꨳꨟု လြင္ꨳꨀꨓ္ ꨀူꨉ္းးး ꨅꨤမ္းတူꨉ္းꨬလꨳꨳ ꨟိုဝ္ ꨵꨵꨵ
မ္ꨮꨲသုင္ꨁꨣꨳ ပီꨳꨓြင္ꨵ မꨣးꨡꨰဝ္ꨲꨁဝ္တင္း သꨱင္ꨳ ꨘိင္ꨳꨬငꨳတꨯးꨟဝ္း ꨟပ္ꨵတြꨓ္ꨳယူꨲꨁꨣꨳ ငိꨓ္းꨅူမ္းေတꨵေတꨵ ꨁꨣꨳ ယꨣꨲလိုမ္းꨁိုꨓ္းမꨣးꨡꨰဝ္ထꨰင္ꨳꨁꨣꨳ

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/AVvXsEjcY61s4DQdBt2UGRyteEHVh0xpDOOk7XgdrDAxDb0gc2RndCrU2vZYyyXEte2rORfYhlJbMLNUpQs_9okB-9eAmX3sJ9SUQ8TNL_ZNj9bpAwd6brrkz5bnj-uS28N5rBQjVIhqf51Li_17/s1600/images.jpg" /></a>

Hello This is test Notice...


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

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment