ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္္္

ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္

အခုတေလာေျပာထားတဲ့အတိုင္းအလုပ္ေတြမ်ားေနပါတယ္။အသစ္ေလးေတြတင္ရင္အခ်ိန္မရလို႕အေဟာင္းေတြထဲကလူသိနည္းတဲ့လက္ရွိက်ေနာ္ သံုးေနတာျဖစ္တဲ့AnimatedNoticeBoxကိုသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္တင္ေပးလိုက္ပါတယ္။အခုလည္းက်ေနာ္သံုးေနပါတယ္။
ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။ကုဒ္ကေတာ့ရွင္းရွင္းေလးပါဘဲ။
ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

ကုဒ္ထည့္ေပးမယ့္ေနရာကေတာ့ေအာက္မွာအဆင့္ဆင့္ျပထားပါတယ္။

၁။Design

၂။Add a Gadget

၃။HTML/JavaScript Add ေနရာမွာေအာက္ကCode ထည့္ေပးလိုက္ပါ။
<!-kp-3နည္းပညာ-http://kp3family.blogspot.com--> <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="http://img638.imageshack.us/img638/3434/screenhunter03nov230228.gif" /></a> ဒီေနရာမွာမိမိရဲ႕ Notice စာသားကိုေရးေပးလိုက္ပါ။</div> <!--kp3Animated Notice Box-http://kp3family.blogspot.com-->

၄။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။