Mr ThangMing: blogger text

ဘေလာ့သမားမ်ား အတြက္ Contact Form အသစ္ထြက္ရွိ

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔ ဘေလာ့နဲ႔ပတ္သတ္တဲ့ ပုိ႔(စ္)ေလးကုိ တင္ေပးပါမယ္။ က်ေနာ္တင္ေပးေနၾက ဘေလာ့နဲ႔ ပတ္သတ္တဲ့ နည္းပညာေလးေတြကုိ အခ်ဳိ႕ ဘေလာ့မိတ္ေဆြမ်ားက တုိက္ခုိက္မူမ်ားျပဳလုပ္ခဲ့ၾကလုိ႔ ဆက္တင္ေပးရမွာလား မတင္ရဘူးလားဆုိၿပီး ေတြမိလာတယ္။ တကယ္ေတာ့ ဒါေတြဟာ ဘာမဟုတ္တဲ့ သူေတြရဲ႕ လုပ္ၾကဳံတုိက္ခုိက္ေျပာဆုိျခင္းပဲျဖစ္မွာပါလုိ႔ က်ေနာ္ကုိက်ေနာ္ အေျဖးေပးလုိက္ရပါတယ္။ ဘာပဲျဖစ္ျဖစ္ က်ေနာ္ကေတာ့ က်ေနာ္ကုိ ခင္တဲ့မိတ္ေဆြေတြကုိပဲ ပုိၿပီးခင္လာေအာင္ လုပ္ေပးရမွာပါ။ က်ေနာ္ကုိ မခင္တဲ့ သူေတြကုိ က်ေနာ္ကုိ ခင္လာေအာင္ လုပ္မွာမဟုတ္ပါဘူး။ အခု တင္ေပးလုိက္တာကေတာ့ ဘေလာ့သမားမ်ား အတြက္ Officially Contact Form အသစ္ထြက္လားလုိ႔ မသိေပးတဲ့ မိတ္ေဆြေတြ သိလုိ႔ရေအာင္ ထပ္တင္ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ ထည့္နည္းကုိလည္း ပုံျဖင့္ရွင္းျပေပးထားပါတယ္။<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN40vVP1yJoSZTA0-voIUYPzBjxaU59B00qaWeOdnU5gaEJCYXKr1WnzBX57H2w5MYYGcRWhS4oV926E457YXHlt09Y6GGmpciIQUalJQjfGgpqe2h39jVvtc4NsQllGef8uzx3ftvSjI/s1600/Contact+Form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN40vVP1yJoSZTA0-voIUYPzBjxaU59B00qaWeOdnU5gaEJCYXKr1WnzBX57H2w5MYYGcRWhS4oV926E457YXHlt09Y6GGmpciIQUalJQjfGgpqe2h39jVvtc4NsQllGef8uzx3ftvSjI/s1600/Contact+Form.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://exe-idea.blogspot.com/" 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 />
၄။ More Gadgets<br />
<br />
၅။ Contact Form ေရြးၿပီး Save Button ေလးကုိနုိပ္ေပးလုိက္ပါ။ မရွင္းတဲ့ ဘေလာ့မိတ္ေဆြမ်ားရွိခဲ့လွ်င္ ေအာက္ပုံကုိ ၾကည့္ၿပီး လုပ္ေဆာင္ပါ။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRCCY8S-t_c5YoArhMDMMnrVtzxdavVo3Ot3WOR_2EglqcIuxt2kQcLIygDLjeY1_jQC4aynNdHsBK-5BokXgcG19EYhU069gs6G32x2m9qznbpeVLpKRM6w4RqYfuxWtgorzrVv_TrY/s1600/form_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRCCY8S-t_c5YoArhMDMMnrVtzxdavVo3Ot3WOR_2EglqcIuxt2kQcLIygDLjeY1_jQC4aynNdHsBK-5BokXgcG19EYhU069gs6G32x2m9qznbpeVLpKRM6w4RqYfuxWtgorzrVv_TrY/s1600/form_1.gif" /></a></div>
</div>

ဘေလာ့သမားမ်ား အတြက္ Contact Form အသစ္ထြက္ရွိ

ဒီေန႔ ဘေလာ့နဲ႔ပတ္သတ္တဲ့ ပုိ႔(စ္)ေလးကုိ တင္ေပးပါမယ္။ က်ေနာ္တင္ေပးေနၾက ဘေလာ့နဲ႔ ပတ္သတ္တဲ့ နည္းပညာေလးေတြကုိ အခ်ဳိ႕ ဘေလာ့မိတ္ေဆြမ်ားက တုိက္ခုိက...

How Add Image Instead Of Read More Link In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Read More(ဆက္ဖတ္ရန္) ဆုိတဲ့ စာသားေလးကုိ Image Button(ပုံ ခလုဒ္ျဖင့္) ေျပာင္းထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္း မ်ားလွပါၿပီး။ ဒါေပမယ့္ မသိေသးတဲ့ မိတ္ေဆြေတြ အတြက္အခက္အခဲ ျဖစ္ေနရင္ ေျဖရွင္လုိ႔ရေအာင္ ေ၀မွ်ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္ လုိ႔ရေအာင္ Link နွင့္ တကြ လုပ္နည္းနဲ႔ လုိအပ္တဲ့ Cond ေတြလည္းထားေပးပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWGtYOi8MXAQ8lOTRwCHdNyXUXkG4RavcjFNq8bhdQ8QhT86Rbpo4lGqXeJIiMbm-qmbFUV_UQO7uGSQEJiQl-N23L6mR4KrZHUG8pQjJVoiE9SUOCTXPlcxYrKSiWt1nP-mxNM15uAk/s1600/read+more.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWGtYOi8MXAQ8lOTRwCHdNyXUXkG4RavcjFNq8bhdQ8QhT86Rbpo4lGqXeJIiMbm-qmbFUV_UQO7uGSQEJiQl-N23L6mR4KrZHUG8pQjJVoiE9SUOCTXPlcxYrKSiWt1nP-mxNM15uAk/s1600/read+more.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tmdemoblog.blogspot.com/" 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 />
Cond ေပါင္းထည့္ရမွာ စိတ္မခ်ပါက <a href="http://mrthangming.blogspot.com/2012/11/how-to-backuprestore-your-blogger.html" target="_blank" title="Take a Backup/Restore of your template">Backup/Restore</a> အရင္လုပ္ေပးသင့္ပါတယ္။<br />
<br />
၃။ Edit HTMl<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfgFBrshrABhXuNz_3i6lK4gr6ZFUSlCQlE3e21rqq8om6dJCjgGAeGuuZVIOamZFg_8qjsq3YNDZmCyr6dnZLzOXOpDiO5MyOTYdZP7Fpe-ss4Rdh-06_Zv11jCXaeoRM-bOBxBhrcE/s1600/%E1%81%86%E1%81%8B+Edit+HTML.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="Tick the Expand Widget Templates check box on top right of the HTML window...."><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfgFBrshrABhXuNz_3i6lK4gr6ZFUSlCQlE3e21rqq8om6dJCjgGAeGuuZVIOamZFg_8qjsq3YNDZmCyr6dnZLzOXOpDiO5MyOTYdZP7Fpe-ss4Rdh-06_Zv11jCXaeoRM-bOBxBhrcE/s1600/%E1%81%86%E1%81%8B+Edit+HTML.png" /></a>၄။ Proceed<br />
<br />
Expand Widget Templates ကုိအမွန္ျခစ္ေပးလုိက္ပါ<br />
<br />
၅။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<pre class="cpp" name="code">Read More
</pre>
</div>
မေတြ႕ရင္ ေအာက္က Cond ကုိ ထပ္ရွာပါ။  <br />
<pre class="cpp" name="code">data:post .jumptext
</pre>
၆။ေတြ႕ၿပီးဆုိရင္ ထုိေနရာမွာ ေအာက္က Cond ကုိထည့္ေပးပါ။(အစားထုိးေပးလုိက္ပါ) <br />
<pre class="cpp" name="code"><img src="http://your-image-URL/သင့္ႀကဳိက္တဲ့ပုံရဲ႕ လင့္(ခ္)ထည့္ပါ.gif" />
</pre>
၇။ထည့္ၿပီးရင္ Save Template ကုိနုိပ္လုိက္ပါ။  လုံး၀မသိသူေတြအတြက္ နမူနာ_ေအာက္မွ Cond အတုိင္ထည့္ရပါမယ္။ <br />
<pre class="cpp" name="code"><b:if cond="data:post.hasJumpLink">
<div class="jump-link">
<a expr:href="data:post.url" expr:title="data:post.title" href="http://www.blogger.com/blogger.g?blogID=7388332448929021318"><img src="http://your-image-URL/သင့္ႀကဳိက္တဲ့ပုံရဲ႕ လင့္(ခ္)ထည့္ပါ.gif" /></a>
</div>
</b:if>
</pre>
ေအာက္မွာ ပုံေတြကုိ က်ေနာ္ရနုိင္သေလာက္ စုစည္းေပးထားပါတယ္။ ပုံေပၚကုိ Mouse Pointer တင္ၿပီး Right ခ်လုိက္ပါ၊ ေပၚလာတဲ့ Message Box ထဲက Copy Image URL ကုိ ေရြးခ်ယ္ေပးလုိက္ပါ။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheYGpKHC0jyxzCdrgcgOpc1X5jWTZkum6DZTYeWykhUAF_sggOaF2vCbtemyqhpBagyrRsnV4RrMHnuSfEa18uHZ-ZZDQlVl8PkicxDevTm_IdOqRviU0uSm7vaImNRONEv-7m1FTxrIk/s1600/Read%252BMore-6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheYGpKHC0jyxzCdrgcgOpc1X5jWTZkum6DZTYeWykhUAF_sggOaF2vCbtemyqhpBagyrRsnV4RrMHnuSfEa18uHZ-ZZDQlVl8PkicxDevTm_IdOqRviU0uSm7vaImNRONEv-7m1FTxrIk/s320/Read%252BMore-6.gif" width="149" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZUvStcSUfoE4cg-dwZPQSHF_1BH2ir1OCVxWpEFoWLsDFiLXplmnoJkDhlDu92fECIlYlXK4jwrwr4odCAjchgO9PeCJ9woGk0sw0p-SclKdnr2nHxWxRO5SlXEAbOfjjU-LhyphenhyphengykMc/s1600/readmore.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZUvStcSUfoE4cg-dwZPQSHF_1BH2ir1OCVxWpEFoWLsDFiLXplmnoJkDhlDu92fECIlYlXK4jwrwr4odCAjchgO9PeCJ9woGk0sw0p-SclKdnr2nHxWxRO5SlXEAbOfjjU-LhyphenhyphengykMc/s1600/readmore.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aNKtBb7A4-N5HGouRqOGf0VTma4w56hclbQOPS9rqKXVmQCEP0Hm6TZUj63KKso6IPXCxbCjpmDmymvvZnvo66hsqrNDAYSZ7fVaATYkBlOIEUKfL3UorjAZW_MyHsK0_PJIT2vNuzA/s1600/read.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aNKtBb7A4-N5HGouRqOGf0VTma4w56hclbQOPS9rqKXVmQCEP0Hm6TZUj63KKso6IPXCxbCjpmDmymvvZnvo66hsqrNDAYSZ7fVaATYkBlOIEUKfL3UorjAZW_MyHsK0_PJIT2vNuzA/s1600/read.gif" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVZJ1a6Rjn7BVoB1n929MQ_0Y9YYLU5IKbOp9wn-83bpBTRxWByAZOGgPFuweLqfTdCBNhgcrbJjNep5z1KbfAGd9HCXBdwvIHyrBoDB71QfUbLenr9Bchvn3o1WnjPxg2aOpT2aHVnzY/s1600/RenderedImage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVZJ1a6Rjn7BVoB1n929MQ_0Y9YYLU5IKbOp9wn-83bpBTRxWByAZOGgPFuweLqfTdCBNhgcrbJjNep5z1KbfAGd9HCXBdwvIHyrBoDB71QfUbLenr9Bchvn3o1WnjPxg2aOpT2aHVnzY/s1600/RenderedImage.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7Va76x2ZzcCfLDyo3aLUIu77rXF2Bu25eqq9sXrYmgRGgLmuq3PE172nY4VmC1gKsL5RVyeizNttE8EagUmqXYT9qrWXuxgZikWzCSwAopwcIsBhSijNsil8mRrPcnSQV8HUwPzixOE/s1600/Moving-picture-right-pointing-finger-gif-animation.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7Va76x2ZzcCfLDyo3aLUIu77rXF2Bu25eqq9sXrYmgRGgLmuq3PE172nY4VmC1gKsL5RVyeizNttE8EagUmqXYT9qrWXuxgZikWzCSwAopwcIsBhSijNsil8mRrPcnSQV8HUwPzixOE/s1600/Moving-picture-right-pointing-finger-gif-animation.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy-MlHiYFgsIGhTy_PfHn61UHzm8bgY8qajUjSi45TLzTNW-tdZmCoHdEkO3Kr9fUAZL784N-ydWzIG8sVW-Oa2W_BxyVyMkp13mBfEBKq05pVcZoQb44Om0RC1QQmpn5sIONKAZfp8kA/s1600/cooltext666275999.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy-MlHiYFgsIGhTy_PfHn61UHzm8bgY8qajUjSi45TLzTNW-tdZmCoHdEkO3Kr9fUAZL784N-ydWzIG8sVW-Oa2W_BxyVyMkp13mBfEBKq05pVcZoQb44Om0RC1QQmpn5sIONKAZfp8kA/s1600/cooltext666275999.gif" /></a></div>
</div>

How Add Image Instead Of Read More Link In Blogger

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Read More(ဆက္ဖတ္ရန္) ဆုိတဲ့ စာသားေလးကုိ Image Button(ပုံ ခလုဒ္ျဖင့္) ေျပာင္းထည့္နည္းေလးပါ။ သိၿပီး...

Mouse ေနာက္ တစ္ေကာက္ေကာက္လိုက္ေနတဲ့ စာေၾကာင္းေလးထည့္ခ်င္ရင္

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီပုိ့(စ္) ေလးက မိမိႀကဳိက္တဲ့ စာလုံးေလးေတြကုိ ေမာက္(စ္) ေနာက္တစ္ေကာက္ေကာက္ လုိက္ေနေအာင္ လုပ္ေဆာင္ေပးတဲ့ Cond ေလးပါ။ ထည့္သုံးခ်င္ေသာ မိတ္ေဆြေတြအတြက္ပါ။ ဒီထက္ရွင္ေအာင္ေျပာရလွ်င္ မသိေသးတဲ့ မိတ္ေဆြေတြ အတြက္လုိ့လည္း ေျပာလုိ့ရပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0OvuIXYuZB8yS6HlTjUARlPW2RbnF78wJzILNW0RDYpde2PoUSpVva9mmXgIVJYuL9TMtHUgaC_Q8p_yEHPOPh6BbtEBPp5M4f8_Z9bGUJESkG-RAtorku7eXPJ86-63P0wKePlOsW_W0/s1600/tm5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0OvuIXYuZB8yS6HlTjUARlPW2RbnF78wJzILNW0RDYpde2PoUSpVva9mmXgIVJYuL9TMtHUgaC_Q8p_yEHPOPh6BbtEBPp5M4f8_Z9bGUJESkG-RAtorku7eXPJ86-63P0wKePlOsW_W0/s320/tm5.jpg" width="320" /></a></div>
 ၁။Design<br />
<br />
၂။Layout<br />
<br />
 ၃။Add a Gadget<br />
<br />
 ၄၊၊HTML/JavaScript<br />
<br />
၅။ေအာက္ကေပးထားေသာ cond ေလးကုိထည့္ေပးလုိက္ပါ။    <br />
<br />
<pre class="cpp" name="code"><script type='text/javascript'>var text='Mr ThangMing Blogger Technology & Organize'</script><script type='text/javascript'>//<![CDATA[

</pre>
<br />
၆။ ျပီရင္ save နိုပ္လုိက္ပါ။<br />
<br />
<span style="font-size: large;"><b>မွတ္ခ်က္။    </b></span>။ Mr ThangMing Blogger Technology & Organize ေနရာမွာ မိမိ ႀကဳိက္တဲဲဲ႔စာသားေျပာင္းေပးလုိက္ပါ။<br />
<br /></div>

Mouse ေနာက္ တစ္ေကာက္ေကာက္လိုက္ေနတဲ့ စာေၾကာင္းေလးထည့္ခ်င္ရင္

ဒီပုိ့(စ္) ေလးက မိမိႀကဳိက္တဲ့ စာလုံးေလးေတြကုိ ေမာက္(စ္) ေနာက္တစ္ေကာက္ေကာက္ လုိက္ေနေအာင္ လုပ္ေဆာင္ေပးတဲ့ Cond ေလးပါ။ ထည့္သုံးခ်င္ေသာ မိတ္ေဆြ...

ဘေလာ့မွာ Marque Sliding Effect သုံးခ်င္ရင္

<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/AVvXsEh_4kvsdkuKA98rvZiVFEJ-ybzIOWaxHxBfrpQUwH_GtZN4DeccIF_c27qIhbpHNMUQQITPD4L6R8fF-YWVL4zC1UE4Gwe-i1pMUnYPFoHnGmfizmIxboqIwCsQJjd4z_tTR_u2yOGAdSw/s1600/mrthangming11.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4kvsdkuKA98rvZiVFEJ-ybzIOWaxHxBfrpQUwH_GtZN4DeccIF_c27qIhbpHNMUQQITPD4L6R8fF-YWVL4zC1UE4Gwe-i1pMUnYPFoHnGmfizmIxboqIwCsQJjd4z_tTR_u2yOGAdSw/s400/mrthangming11.jpg" width="292" /></a></div>
ဒီေန့တင္ေပးရတဲ့ပုိ့စ္ေလးကဘေလာ့ေတြမွာ Marque Sliding Effect ေလးေတြ သုံးနည္းေလးပါ။သည္ထက္ရွင္းေအာင္ေျပာရရင္္စာလုံးေတြကုိပုံစံအမ်ဳိးမ်ဳိးျဖင့္သြားေအာင္ထုတ္လုပ္ေပးတဲ့ Cond ေလးေတြလုိ့ေျပာရင္ရပါတယ္။ တစ္ျခားေခၚနည္းရွိရင္လည္း စာေရးသူးမသိလ့ုိစာ့ဖတ္ပရိသတ္သိမိလုိ့ရွိရင္ Comment & Chat box ေတြြမွာ နာမည္ေလးထားခဲ့နုိင္ပါတယ္။  ေအာက္္မွာက်ေနာ္တစ္ခုခ်င္၏ DEMO နွင့္ Cond ေလးေပးထားပါတယ္။ႀကဳိက္ရာေရြးသုံးလုိက္ယုံပဲေပါ့ေနာ္။ိ<br />
<br />
 နမွ ူနာ ၁။ <marquee a="a" direction="up" height="200" lign="center" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ </marquee>ေအာက္က cond ေလးပါ။  <br />
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 100px; width: 480px;" wrap="VIRTUAL"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center"> ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ </marquee>

နမွူနာ ၂။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၃။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၄။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၅။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၆။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၇။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၈။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

နမွူနာ ၉။ ဤေနရာမွာမိမိၾကိဳက္တဲ့စာေရးပါ ေအာက္က cond ေလးပါ။

ဘေလာ့မွာ Marque Sliding Effect သုံးခ်င္ရင္

ဒီေန့တင္ေပးရတဲ့ပုိ့စ္ေလးကဘေလာ့ေတြမွာ Marque Sliding Effect ေလးေတြ သုံးနည္းေလးပါ။သည္ထက္ရွင္းေအာင္ေျပာရရင္္စာလုံးေတြကုိပုံစံအမ်ဳိးမ်ဳိးျဖင္...

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန့တင္ရတဲ့ ပုိ့(စ္) ေလးကေတာ့ HTML Cond သုံးၿပီး စလုံးအရြယ္အစာ Text Size ေတြကုိ မိမိစိတ္တုိင္းက် ေရးခ်င္သူမ်ားအတြက္ ရွယ္ေပးလုိက္ပါတယ္။ ဒီ Cond ေလးကေတာ့ HTML Cond ေတြထဲမွာ အနည္းဆုံးနွင့္အလြယ္ကူဆုံးလုိ့ ေျပာရရင္ မွားမယ္မတင္ပါဘူး။ ေအာက္မွာ DEMO နဲ့ တကြ Cond ထားရွိပါတယ္။
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQblgb_Zsckq4Pc0js88o9esTHARHqlSa_xEOMuPh60hNTuUeJZyi90d8qhr2d6WnMVcPQyJQzOLXFIWTNc7dL2Y6wvpZOS2kk6i44PK8yBI5TaFKkOyFkOm1qdrJg5zUboAuRik9KWzM/s1600/demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQblgb_Zsckq4Pc0js88o9esTHARHqlSa_xEOMuPh60hNTuUeJZyi90d8qhr2d6WnMVcPQyJQzOLXFIWTNc7dL2Y6wvpZOS2kk6i44PK8yBI5TaFKkOyFkOm1qdrJg5zUboAuRik9KWzM/s400/demo.png" width="400" /></a></div>
<span style="background-color: #ffd966;"><br /><span style="font-size: large;">ေအာက္က DEMO ျပတာပါ။</span></span><br />
<br />
<span style="font-size: xx-small;">(1)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ </span><br />
<br />
<span style="font-size: x-small;">(2)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span>
<br /><span style="font-size: small;"><br />(3)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span>
<br /><span style="font-size: medium;"><br />(4)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span>
<br /><span style="font-size: large;"><br />(5)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span>
<br /><span style="font-size: x-large;"><br />(6)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span><br />
<br />
<span style="color: orange; font-size: x-large;">ေအာက္က Cond ေလးေတြပါ</span><br />
<span style="color: purple;">(1) ရဲ့ Cond<br /></span><br />
<span style="color: #cc0000;"><span style="font-size: xx-small;">(1)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span><br /></span><br />
<span style="color: purple;">(2) ရဲ့ Cond<br /></span><br />
<span style="color: #cc0000;"><span style="font-size: x-small;">(2)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span><br /></span><br />
<span style="color: purple;">(3) ရဲ့ Cond<br /></span><br />
<span style="color: #cc0000;"><span style="font-size: small;">(3)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span><br /></span><span style="color: purple;">(4) ရဲ့ Cond<br /></span><br />
<span style="color: #cc0000;"><span style="font-size: medium;">(4)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span></span><br /><span style="color: purple;">(5) ရဲ့ Cond</span><br /><span style="color: #cc0000;"><span style="font-size: large;">(5)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span></span><br /><span style="color: purple;">(6) ရဲ့ Cond</span><br /><span style="color: #cc0000;"><span style="font-size: x-large;">(6)မိမိေရးျခင္ေသာစာမ်ားေရးရန္ေနရာ</span></span><br /></div>

ဘေလာ့မွာ HTML Cond သုံးၿပီး စလုံးအႀကီးေရးနည္း

ဒီေန့တင္ရတဲ့ ပုိ့(စ္) ေလးကေတာ့ HTML Cond သုံးၿပီး စလုံးအရြယ္အစာ Text Size ေတြကုိ မိမိစိတ္တုိင္းက် ေရးခ်င္သူမ်ားအတြက္ ရွယ္ေပးလုိက္ပါတယ္။ ဒီ ...

Mr ThangMing

ဘေလာ့သမားမ်ား အတြက္ Contact Form အသစ္ထြက္ရွိ

How Add Image Instead Of Read More Link In Blogger

Mouse ေနာက္ တစ္ေကာက္ေကာက္လိုက္ေနတဲ့ စာေၾကာင္းေလးထည့္ခ်င္ရင္

ဘေလာ့မွာ Marque Sliding Effect သုံးခ်င္ရင္

ဘေလာ့စလုံးေတြကုိအရိပ္ေပၚေအာင္ေရးထည့္ခ်င္ရင္

How To Simple Search Bar To Blogger

ဘေလာ့မွာ Scrolling Text Recent Posts Widget သုံးခ်င္ရင္

ဘေလာ့မွာ HTML Cond သုံးၿပီး စလုံးအႀကီးေရးနည္း

Activity Find

Labels

Archives