Mr ThangMing: Animation

Add Animated Flash Clock widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ ထပ္တင္ေပးလုိက္ တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Animated Flash Clock widget(နာရီ) ေလးကုိထည့္ၿပီး ဘေလာ့ဆုိက္ အလွဆင္ခ်င္သူမ်ားအတြက္ မွ်ေ၀ေပးလုိက္ပါတယ္။ ဒီ Animated Flash Clock widget(နာရီ) ေလးကေတာ့ All International ကမၻာ့နုိင္ငံအားလုံးအလုိက္ မိမိ၏္ ဘေလာ့ Site ၾကည့္တဲ့နုိင္ငံကုိ Auto အခ်ိ္န္မွန္ေအာင္ ေဖာ္ျပေပးနုိင္မွာျဖစ္ပါတယ္။ ေအာက္မွာ က်ေနာ္ Animated Flash Clock widget မ်ားကုိ Generator Tools ျဖင့္ တင္ေပးထားပါတယ္။ မိမိႀကဳိက္တဲ့ Clock widget ေရြးၿပီးထည့္သြင္းနုိင္ပါတယ္။<br />
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-ShvPvd3FTfJ0X62lFoWkoIklalRhjwGYnws2kVl3kRb35MAJYrWy3WReazBrOPJMzqWhGC_57L5tEkE72H13urBrqWlN9J7G0XqhACwVuwGDud1x58IqQy8AjlNGMtBcMAH3f5Yy8U/s1600/7art_crystal_clock_live_animated-270481.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-ShvPvd3FTfJ0X62lFoWkoIklalRhjwGYnws2kVl3kRb35MAJYrWy3WReazBrOPJMzqWhGC_57L5tEkE72H13urBrqWlN9J7G0XqhACwVuwGDud1x58IqQy8AjlNGMtBcMAH3f5Yy8U/s320/7art_crystal_clock_live_animated-270481.jpeg" width="320" /></a></div>
<br style="background-color: white; color: #111111; font-size: 14px; line-height: 21px;" />
<div class="alert" style="background-attachment: scroll; background-color: #fbe3e4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTDgqCynraE7-sZ2TSoZ3ybuXlhMxpZDTvTG4xBlCazf8eo5IfYZIpUTYiR5QLw-AUJZCXu7Ar2t-V5-wKG-sGPYPLWag4ZweP3WtHuFwMvXT_phvA-syYVf5J6pQhX5A_3uquQT6GEAF/s1600/NBT+alert.png); background-position: 0.8em 0.4em; background-repeat: no-repeat no-repeat; border: 2px solid rgb(251, 194, 196); color: #8a1f11; font-size: 14px; line-height: 21px; margin-bottom: 1em; padding: 0.8em 0.8em 0.8em 3.6em;">
<b>သင့္ Blogger Account ၀င္ၿပီးမွသာ ဤ Widget Generator ကုိ အသုံးျပဳပါ</b></div>
<iframe align="left" allowtransparency="true" frameborder="0" height="1400px" marginheight="0" marginwidth="2" scrolling="no" src="https://dl.dropboxusercontent.com/s/g8kw0zwvnxalzzd/Add%20Animated%20Flash%20Clock%20Widget%20To%20blogger.html" style="margin: 0px; padding: 0px;" width="100%"></iframe></div>
</div>

Add Animated Flash Clock widget To Blogger

ဒီေန႔ ထပ္တင္ေပးလုိက္ တဲ့ နည္းပညာ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Animated Flash Clock widget(နာရီ) ေလးကုိထည့္ၿပီး ဘေလာ့ဆုိက္ အလွဆင္ခ်င္သူမ်ားအတြက...

How To Add Flash Animated Label Cloud Widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတစ္ေယာက္က Comment Box မွာေတာင္းဆုိထားတဲ့ Label(ပုိ႔(စ္)အမ်ဳိးအစားေတြ ကုိ Flash Animated ျဖင့္ ထည့္သုံးနည္းေလးကုိတင္ေပးလုိက္ပါတယ္။ အရင္က ပုိ႔(စ္)အေဟာင္းမွာလည္း ၂ခုေလာက္တင္ေပးၿပီးပါၿပီး။ Cond တစ္ခုနဲ႔တစ္ခု မတူတာေၾကာင့္ ဒီနည္းက ပုိၿပီးရွင္းလင္းတယ္လုိ႔ ထင္ၿပီး ထပ္မွ်ေ၀ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင္းပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ Cond လည္းထားေပးပါတယ္။  ဒီ Flash Animated Label Cloud Widget နဲ႔ ပတ္သတ္တဲ့ အေသးစိတ္အေၾကာင္းအရာကုိိ သိခ်င္ရင္ ေတာ့ <a href="http://www.roytanck.com/2008/05/19/how-to-repurpose-my-tag-cloud-flash-movie/" target="_blank">ဒီေနရာေလးမွာ</a> ေလ့လာနုိင္မွာျဖစ္ပါတယ္။ 
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZSNU5XS40mKx-Cdg5X3jeT2PSX2oY-7HXAC-gTrHNyoFDktoK96O-fCWuaqXnUk1pyIWNrm3FVJ1mm5xOQKFOyNngweetNGsUhcjfxQ-MovYZFmIRZ8ovKIf3aIy8YyEh34kmRbnF5Y/s1600/label.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZSNU5XS40mKx-Cdg5X3jeT2PSX2oY-7HXAC-gTrHNyoFDktoK96O-fCWuaqXnUk1pyIWNrm3FVJ1mm5xOQKFOyNngweetNGsUhcjfxQ-MovYZFmIRZ8ovKIf3aIy8YyEh34kmRbnF5Y/s1600/label.png" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/mrthangming-posts-title.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
၂။ Layout<br />
<br />
၃။ Add a Gadget<br />
<br />
၄။ HTML/JavaScript<br />
<br />
၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><div id="NBTFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.mrthangming.blogspot.com/">NBT</a></p></div>  <script type="text/javascript">  /*<![CDATA[*/  var NBTFlashLabelSettings = {      blogurl        : "ဤေနရာေလးမွာ မိမိ၏ ဘေလာ့လိပ္စာထည့္ေပးပါ",      color          : "545413",      hoverColor     : "210e6e",      backgroundColor: "FFFFFF",      size             : 12,      speed         : 100,      width          : 320,      height         : 250,      transparency   :true  };  /*]]>*/  </script>  <script type="text/javascript" src="http://mr-thangming.googlecode.com/files/MTM-Blog-Label.js"></script>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save Button ေလးကုိနုိပ္ေပးလုိက္ပါ။</div>
<div>
<br /></div>
<div>
<span style="font-size: x-large;"><b>မွတ္ခ်က္။   ။</b></span> <span style="color: blue;">{      blogurl        : "ဤေနရာေလးမွာ မိမိ၏ ဘေလာ့လိပ္စာထည့္ေပးပါ"</span> ေနရာမွ မိမိ၏ ဘေလာ့ လိပ္စာ ထည့္ေပးပါ။ ဥပမာ_ <a href="http://www.mrthangming.blogspot.com/">http://www.mrthangming.blogspot.com/</a>  လုိ႔ထည့္ေပးရပါမယ္။</div>
<br />
<br /></div>

How To Add Flash Animated Label Cloud Widget To Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတစ္ေယာက္က Comment Box မွာေတာင္းဆုိထားတဲ့ Label(ပုိ႔(စ္)အမ်ဳိးအစားေတြ ကုိ Flash Animated ျဖင့္ ထ...

How To Add Content Spoiler With Simple Animation To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Content Spoiler နွင့္ Simple Animation ေတြကုိ သုံးနည္း/ထည့္နည္းေလးပါ။ အနည္းအားျဖင့္ေျပာရရင္ ဓါတ္ပုံ/Cond/စာသားေတြကုိ Button(ခလုဒ္) ေလးတပ္ၿပီး အဖြင့္/ပိတ္ လုပ္နည္းလုိ႔လည္း ေျပာလုိ႔ရပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္း မ်ားေတာ့မွာပါ။ မသိရွိေသးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္မွ်ေ၀ျခင္းျဖစ္ပါတယ္။ ေအာက္မွာ Demo (နမူနာ) သြားၾကည့္လုိ႔ရေအာင္ Link{လင့္(ခ္)} နွင့္ တကြ ထည့္နည္းနွင့္ Cond ေတြလည္း ေပးထားပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvsB0y51gfEKqaLzNlKErJAkPTr4oqsnEafPV_5X__YUVkBJ4rdrXoDJBmGJBP5uCSjySy9ZIdOjo6-Bi39V3XrlR6O9TTXW26RPZEJ1K5QUivmBtnK1JlpSdipB1yTzWQQLhPLpKInI/s1600/technology.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvsB0y51gfEKqaLzNlKErJAkPTr4oqsnEafPV_5X__YUVkBJ4rdrXoDJBmGJBP5uCSjySy9ZIdOjo6-Bi39V3XrlR6O9TTXW26RPZEJ1K5QUivmBtnK1JlpSdipB1yTzWQQLhPLpKInI/s1600/technology.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/views-mrthangming-blogger-technology.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Template<br />
<br />
၃။ Edit HTMl<br />
<br />
၄။ Proceed<br />
<br />
၅။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<br />
<pre class="cpp" name="code"></head>

</pre>
<br />
၆။ ေတြ႔ၿပီးဆုိရင္ </head> ရဲ႕ေအာက္မွာ ေအာက္က ေပးထားတဲ့ Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><style type='text/css'>

/* animated spoiler CSS by MrthangMing.com */

.spoilerbutton {display:block;margin:5px 0;}

.spoiler {overflow:hidden;background: #f5f5f5;}

.spoiler &gt; div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}

.spoilerbutton[value=&quot;Show&quot;] + .spoiler &gt; div {margin-top:-100%;}

.spoilerbutton[value=&quot;Hide&quot;] + .spoiler {padding:5px;}

</style>

</pre>
<br />
၇။ ထည့္ၿပီးရင္ Save Template ကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
၈။ Content Spoiler With Simple Animation နွင့္ ထည့္ခ်င္တဲ့ Cond/text ေတြကုိ New Post ၿပီးရင္ HTML ေနရာမွာ ေအာက္က Cond ကုိ ထည့္ၿပီး လုပ္ေဆာင္ပါ။<br />
<br />
<pre class="cpp" name="code"><input class="spoilerbutton" type="button" value="Show" onclick="this.value=this.value=='Show'?'Hide':'Show';">
<div class="spoiler"><div>
ဤေနရာမွာ မိမိ လွ်ိဳ႕ဝွက္/ဖြတ္ ခ်င္တဲ့ Cond/Text ထည့္ေပးပါ။
</div></div></pre>
<br />
အားလုံးအဆင္ေျပၿပီးဆုိရင္ Publish Button ေလးကုိ နုိပ္ေပးလုိက္ယုံပါပဲ။ အားလုံးအဆင္ေျပနုိင္ၾကပါေစ။</div>

How To Add Content Spoiler With Simple Animation To Blogger

အခုတင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Content Spoiler နွင့္ Simple Animation ေတြကုိ သုံးနည္း/ထည့္နည္းေလးပါ။ အနည္းအားျဖင့္ေျပာရရင္ ဓါတ္ပုံ/...

ဘေလာ့မွာ Flash Animated Label Cloud ေလးသုံးခ်င္ရင္

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန့တင္တဲ့ ပုိ့(စ္) ေလးကေတာ့ <span style="line-height: 1.2;"> </span><span style="line-height: 1.2;">Flash Animated Label Cloud Widget အသစ္ေလးပါ။ မိမိ၏ Post Label{ပုိ့(စ္) အမ်ဳိးအစာ} ေတြကုိျမင္ကြင္းထူးဆန္းစြာျဖင့္ ထည့္နည္းလုိ့လည္းေျပာလုိ့ရပါတယ္။ Label ေတြကုိ Mouse Pointer ေလးျဖင့္ ထိလုိက္ရင္ Label ေတြပတ္လည္းေနပါတယ္။ ေျပာရမွာ ခက္ခဲေနတယ္    ကုိယ္တုိင္သုံးၾကည့္ၿပီးမွသာ ျမင္ကြင္းခံစားလုိ့ရမွာပါ။ ေအာက္မွာ DEMO ပုံေလးနဲ့တကြ Cond လည္းေပးထားပါတယ္။ DEMO ၾကည့္ခ်င္ရင္ေတာ့ က်ေနာ္ ဘေလာ့ဆုိဒ္ Widget Title ထဲက Tags ကုိိနုိပ္လုိက္ရင္ ေပၚလာမွာပါ။</span>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3VmogAt21VPPWldsuJ4ciuCCrVq2_g4JKjE8I3TJBO7Fa4WYZrWyguEoOOAK-Ks6hFKhaLZjANuo7Z9YTr63e5SDMuF5BvCY9iMcQ3gDKw2llJ7lcvUxb9OsXoqN0Yhp_XHgyetpI9U/s1600/label.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3VmogAt21VPPWldsuJ4ciuCCrVq2_g4JKjE8I3TJBO7Fa4WYZrWyguEoOOAK-Ks6hFKhaLZjANuo7Z9YTr63e5SDMuF5BvCY9iMcQ3gDKw2llJ7lcvUxb9OsXoqN0Yhp_XHgyetpI9U/s1600/label.png" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo-mrthangming.blogspot.com/2013/04/blog-post_25.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a><br />
<br />
<br />
၂။ Layout<br />
<br />
၃။ Add a Gadget<br />
<br />
၄။ HTML/JavaScript<br />
<br />
၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.mrthangming.blogspot.com/">MrThangMing</a></p></div>

/*<![CDATA[*/

var w2bFlashLabelSettings = {

blogurl        : "ဤေနရာေလးမွာ သင့္ဘေလာ့ လိပ္စာထည့္ေပးပါ",

color          : "000000",

hoverColor     : "333333",

backgroundColor: "FFFFFF",

size           : 12,

speed          : 100,

width          : 250,

height         : 300,

transparency   : true

};

/*]]>*/

</script>

</pre>
<br />
၆။ ထည့္ၿပီးရင္ Save ကုိနုိပ္လုိက္ပါ။<br />
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။    ။</b></span>    blogurl        : "ဤေနရာေလးမွာ သင့္ဘေလာ့ လိပ္စာထည့္ေပးပါ" ဆုိတဲ့ ေနရာမွာ မိမိ၏ ဘေလာ့ လိပ္စာထည့္ေပးပါ။ ဥပမာ_ <a href="http://www.mrthangming.blogspot.com/">http://www.mrthangming.blogspot.com/</a>  လုိ႔ထည့္ေပးရပါမယ္။</div>
</div>

ဘေလာ့မွာ Flash Animated Label Cloud ေလးသုံးခ်င္ရင္

ဒီေန့တင္တဲ့ ပုိ့(စ္) ေလးကေတာ့ Flash Animated Label Cloud Widget အသစ္ေလးပါ။ မိမိ၏ Post Label{ပုိ့(စ္) အမ်ဳိးအစာ} ေတြကုိျမင္ကြင္းထူးဆန္းစ...

Mr ThangMing

Add Animated Flash Clock widget To Blogger

How To Add Flash Animated Label Cloud Widget To Blogger

How To Add Content Spoiler With Simple Animation To Blogger

ဘေလာ့မွာ Flash Animated Label Cloud ေလးသုံးခ်င္ရင္

Activity Find

Labels

Archives