Knowledge Bank

Fig ~ 1

အခု တစ္ေလာ ကၽြန္ေတာ့ Facebook က Group မွာေကာ တျခား Group ေတြမွာေကာ Blog ေတြ Web Site ေတြ ဖြင့္လိုက္ရင္ အဲ့ဒီ Blog ေတြ Web Site ေတြကေန သီခ်င္းေတြ Auto လာေနတဲ့ Music Player လွလွေလးနဲ႕ ဒီဇိုင္းလန္းလန္းေလးေတြ အသံုးျပဳခ်င္တဲ့ Blogger သမားေလးေတြ Web Development သမားေလးေတြ အတြက္ ကၽြန္ေတာ့ Blog ေလးရဲ႕ ညာဘက္အေပၚနားေလးမွာ ဆင္ထားတဲ့ ပံုစံမ်ိဳးေလး ကိုယ့္ Blog , Web Site မွာလဲ တန္ဆာဆင္ျခင္ပါတယ္ဆိုရင္ေတာ့ ကၽြန္ေတာ္ အသံုးျပဳနည္းေလးကို အေသးစိတ္မဟုတ္ခဲ့ရင္ေတာင္ စာဖတ္ပရိတ္သတ္တို႕ နားလည္ရလြယ္ကူေအာင္ ေသခ်ာရွင္းျပေပးပါ့မယ္ဗ်ာ။ပံုေလးေတြနဲ႕ စာေလးေတြနဲ႕ေပါ့ဗ်ာ။အရင္ဦး ဆံုး ကၽြန္ေတာ္တို႕က www.podsnack.com ကို သြားလိုက္ပါ။ျပီးရင္ ေအာက္ကပံုေလးအတိုင္း Bulid a playlist ဆိုတဲ့စာတန္းေလးကို Click တစ္ခ်က္ႏွိပ္ျပီးဆက္သြားလိုက္ပါ။

Fig ~ 2

ျပီးသြားရင္ေတာ့ ကၽြန္ေတာ္တို႕ Sign In ၀င္ရမွာ ျဖစ္ပါတယ္ဗ်ာ။ဒီ Web Site ေလးရဲ႕ ထူးျခားခ်က္ တစ္ခုကေတာ့ Sign Up လုပ္စရာမလိုပဲ အသံုးျပဳသူက Facebook , Google Mail , Twitter Account တစ္ခုခုရွိရမွာျဖစ္ျပီး အဲ့ဒီ Account ေတြထဲက ကိုယ္အဆင္ေျပတဲ့ မိမိစိတ္ၾကိဳက္ Account တစ္ခုနဲ႕ Sign In With Facebook, Google, Twitter တစ္ခုခုနဲ႕ ၀င္လိုက္ပါ။ေအာက္က ပံုေလးအတိုင္းေပါ့။

Fig ~ 3

ျပီးသြားရင္ေတာ့ ေအာက္က ပံုေလးထဲကအတိုင္း စာမ်က္ႏွာကို ေရာက္သြားမွာျဖစ္ပါတယ္ဗ်ာ။အဲ့ဒီမွာ သူက ေပးထားတာက Youtube က သီခ်င္းေတြကို Upload ေပးမွာလား။Computer ကသီခ်င္းေတြကို Upload ေပးမွာလား။ဒါမွ မဟုတ္ Record အေနနဲ႕ တင္မွာလားဆိုျပီး 3 မ်ိဳးေပးထားပါတယ္ဗ်ာ။အဲ့ဒီ Web Site ေလးက ဘယ္လိုပံုစံမ်ိဳးေလးလုပ္ထားလဲ ဆိုေတာ့ ကၽြန္ေတာ္တို႕ Online Radio ေတြရဲ႕ Style ပံုစံမ်ိဳး ဖန္တီးရယူႏိုင္ျပီး ကိုယ့္ Blog, Web Site မွာလဲ Online Radio တစ္ခုအေနနဲ႕ လႊင့္တင္ေပးလို႕လဲ ရပါေသးတယ္။

Fig ~ 4

အဲ့ဒီ မွာ မိမိ စိတ္ၾကိဳက္သီခ်င္းတစ္ပုဒ္ကို ရွာျပီး Upload တင္လိုက္ပါ။ဒါ ပထမ အဆင့္လို႕လဲ ေျပာလို႕ရပါတယ္။ေနာက္ တစ္ခုကေတာ့ File Upload တင္ျပီးသြားရင္ေတာ့ နံပါတ္ 2 အဆင့္အေနနဲ႕ ကၽြန္ေတာ္တို႕က ကိုယ္လိုခ်င္တဲ့ Music Player ရဲ႕ Theme ေတြ Music Player ရဲ႕ Setting ေတြကို မိမိ စိတ္ၾကိဳက္ခ်ိန္ညိွေပးရမွာျဖစ္ပါတယ္။Theme ေတြကေတာ့ အမ်ားၾကီးပါပဲ။မိမိ စိတ္ၾကိဳက္ Theme နဲ႕ Colour ေတြကိုေရႊးခ်ယ္ႏိုင္ပါတယ္ဗ်ာ။ေအာက္မွာ ကၽြန္ေတာ္ ဓာတ္ပံုေလးနဲ႕ နမူနာျပေပးထားပါတယ္ဗ်ာ။

Fig ~ 5

ျပီးသြားရင္ေတာ့ ကိုယ္လိုခ်င္တဲ့ Theme ရယ္ မိမိ စိတ္ၾကိဳက္ Colour ျပီးေတာ့ Music Player ရဲ႕ Setting ေတြကို ခ်ိန္ညိွရပါမယ္။ေအာက္မွာ ကၽြန္ေတာ္ နမူနာခ်ိန္ေပးထားတဲ့ ပံုေလးကို ၾကည့္လိုက္ပါဦးဗ်ာ။

Fig ~ 6

အဲ့ဒီ မွာ မိမိစိတ္ၾကိဳက္ Music Player ရဲ႕ Setting ေတြကို ခ်ိန္းႏိုင္ပါတယ္။Music Player ရဲ႕ Weight , Height တို႕ ခ်ိန္ျပီးပါက မိမိ Music Player ကို Auto Play လုပ္မလား။ Loop လုပ္မလားေပါ့။ေနာက္တစ္ခုက မိမိ Music Player ရဲ႕ အသံထြက္အား Volume ကိုဘယ္ေလာက္ ထားမလဲဆိုတာကိုေပါ့။အားလံုး ကို မိမိ စိတ္ၾကိဳက္ ျပင္ဆင္ႏိုင္ပါတယ္ဗ်ာ။ျပီးသြားရင္ေတာ့ နံပါတ္ 3 အဆင့္ျဖစ္တဲ့ Finish ဆိုတဲ့ စာတန္းေလးကို  Click လိုက္ရံုပါပဲ။ျပီးသြားရင္ေတာ့ ေအာက္က ပံုေလးထဲက စာမ်က္ႏွာအတိုင္းေရာက္သြားမွာျဖစ္ပါတယ္ဗ်ာ။

Fig ~ 7

ျပီးသြားရင္ေတာ့ အလယ္က Embed ဆိုတဲ့ ေနရာေလးကို Click တစ္ခ်က္ႏွိပ္လိုက္ပါ။အဲ့ဒီမွာ Use Free (With Watermark) နဲ႕ Next နဲ႕ ရွိပါတယ္။Next ကို သံုးမယ္ဆိုရင္ေတာ့ Premium membership အေနနဲ႕ ပိုက္ဆံေပးျပီး အသံုးျပဳရမွာျဖစ္သလို Use Free ကို သံုးမယ္ဆိုရင္ေတာ့ အလကားသံုးရမွာေပါ့ဗ်ာ။ေအာက္က ပံုေလးအတိုင္းေရာက္သြားမွာ ျဖစ္ပါတယ္ဗ်ာ။

Fig ~ 8

 အဲ့ဒီမွာ ကၽြန္ေတာ္တို႕က Blog , Web Site ေတြရဲ႕ Slide Bar မွာအသံုးျပဳမွာ ျဖစ္လို႕ iFrame (standard) Code ေတြပဲယူသံုးမွာျဖစ္ပါတယ္။အဲ့ဒီမွာ သူေပးထားတဲ့ Code ေတြကို Copy ကူးယူျပီး ကၽြန္ေတာ္ နမူနာအေနနဲ႕ Blogspot ကေနပဲ ရွင္းျပပါ့မယ္ဗ်ာ။ခုနက ကူးယူထားတဲ့ Code ေတြကို
1.Blogger Dashboard
2.Layout
3.Add A Gadget
4.Html/Javascript တို႕တြင္ Paste ကူးထည့္ျပီး Save လိုက္ယံုပါပဲ။ျပီးရင္ မိမိ Blog , Web Site ေတြကိုဖြင့္ၾကည့္လိုက္ပါ။ကၽြန္ေတာ့ Blog ေလးမွာ ဆင္ထားတဲ့ အတိုင္း သီခ်င္းေတြ မိမိထည့္သြင္းထားသေလာက္ အဆက္မျပတ္လာေနမွာျဖစ္ပါတယ္ဗ်ာ။ဒါဆိုရင္ မိမိ Blog , Web Site ေလးကို လာလည္ရင္း ဂီတသံစဥ္လန္းလန္းေလးေတြနဲ႕ မိမိရဲ႕ စာဖတ္ပရိတ္သတ္ေတြကို လာလည္ခ်င္လာေအာင္ နည္းလမ္းတစ္မ်ိဳးနဲ႕ စြဲေဆာင္ႏိုင္မွာျဖစ္ပါတယ္ဗ်ာ။ကဲ.........ဒီ ေလာက္ဆိုရင္ ကၽြန္ေတာ့ IT Bank ကစာဖတ္ပရိတ္သတ္ေတြ နဲ႕ ကၽြန္ေတာ့လိုပဲ Web Development သမားေတြ Blogger သမားေလးေတြအားလံုး အဆင္ေျပၾကလိမ့္မယ္လို႕ ထင္ပါတယ္ဗ်ာ။ဒီ Post ေလးကို ကၽြန္ေတာ္ အခ်ိန္ကုန္ခံ မ်က္လံုးအေညာင္းခံျပီး ေသခ်ာရွင္းျပေပးထားပါတယ္ဗ်ာ။စာဖတ္ပရိတ္သတ္ေတြ အားလံုးလဲ နားလည္ၾကလိမ့္မယ္လို႕ ထင္ပါတယ္ဗ်ာ။ဒီ Post ေလးကို ကူးယူခ်င္ရင္ လႊတ္လပ္စြာကူးယူႏိုင္ပါတယ္ဗ်ာ။ဒါေပမဲ့ Post ပိုင္ရွင္မူရင္း ကၽြန္ေတာ့ IT Bank Site ေလးကိုေတာ့ ျပန္လည္ ေဖာ္ျပေပးၾကလို႕ေတာ့ ကၽြန္ေတာ္ ေမတၱာရပ္ခံခ်င္ပါတယ္ဗ်ာ.။
ၾကိဳးစားလ်က္.......!
  (Yekyawphyo)

ကၽြန္ေတာ္အခု ေျပာျပမဲ့ Post ေလးေတာ့ ကၽြန္ေတာ္တို႕ Blogger သမားေတြ အတြက္ မိမိ ၀က္ဆိုဒ္ေလးမွာ 3D Social Network Icons ေလးထားျပီး အသံုးျပဳခ်င္တဲ့ သူေတြ အတြက္ပါ။Design ေလးက ေတာ္ေတာ္ လန္းပါတယ္ဗ်ာ။ကၽြန္ေတာ္လဲ ၾကိဳက္လြန္းလို႕  IT Bank Site ေလးမွာလဲ အသံုးျပဳထားပါတယ္။သူငယ္ခ်င္းေတြ လဲ သေဘာက်ရင္ ကၽြန္ေတာ္က ေပးဖို႕ အဆင္သင့္ပါပဲဗ်ာ။ေအာက္က ပံုေလး အတိုင္းေပါ့ဗ်ာ။

Wordpress အသံုးျပဳတဲ့ သူေတြ အတြက္ကေတာ့ ေအာက္က Code ေလးကို ယူလိုက္ပါေနာ္။

အရင္ဦးဆံုး Wordpress ရဲ႕ Dashboard ကို သြားလိုက္ပါ။
Wordpress Dashboard > Apperance > Widgets > Add A Text Widget To Your Slidebar ကိုသြားျပီး ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးေတြကို ကူးထဲ့လိုက္ပါ။အ၀ါေရာင္ နဲ႕ေရးထားတဲ့ ေနရာေလးေတြမွာေတာ့ မိမိ တို႕ အသံုးျပဳရမဲ့ Link ေလးေတြကို အစားထိုးျပီး ထည့္လိုက္ပါ။

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7CjyHmhgyboxb27DdFA5sqfpDO-8vdAFqWwC0icQSU68G5ZIX3ia6fPSKKTzv3xXk1HQpHzmzKD605Uq2gcwGx_NaDwuOzMR71l-my5WVjEbwEBZ7F7F5mR9wNpSG5JqHwi31fmXfTR8/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7PjY8qH5zS9ZWr3E7iVaxv-uLqShvhgr7pPFC93Q5Gd1MSFJIA6QjA6RLJHBPglu1tG07T6US8s4PM-d4MEN0yMY2Ay955ajO6RsDLHD0fO3RqH-3459qMoN_vFN8CPN7J9Ps1uZZjr2h/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCcC_McMHVyDqaOfpI-Ig_nPuuF-xWZgg-I9mi-7TQwckw3AY1ae0X9to8ZsmPlChS-0eFoRNCBvwmyr8aL9mTYIPQQwj36bkEku0HQNa3zal1BdrnIKij51hBxnYVJyHj-XLbu9ltdFW/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMn_jZpiLK0QnFmcTffTPOICiIqgV4r17Vw3D5Gq8YHTLJLRRW5nUHS2EOuiAiFoPa07WkGUg_pXJHixG0XD7b8j9qbcKetn3yVVXl_cck2HJWE5FsatxbLFrvl1tu2NCBGUfWnCAJXIvq/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpVDmdjMiTh5nG2GXafm3zLdkCKpZJncOOsBknzRgWTYDg0uGp7XCLG3Z_Vo0YzvwbI5l55ZoGO1ycNvPIZTUcpGlecM3_f5n7lNj3h4Vf-YPosP2Pl5ExbWttBriERgy3O9PYwtzgwzB/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRhzT-Xj-PCV8zL6ao22aa6gpIURKCRvsUn_U_UB4tQEa9bleLnHL93QNNa-KzKHMYwd-5hxQnOLv-kG_cYTpXDnV9vHL0jSEz3gcBSiKIF2Qvrf48Tvwk6p4ugSQca2-Rt2KljEC_-04/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>

Blogger အသံုးျပဳတဲ့ သူေတြ အတြက္ကေတာ့ ေအာက္က Code ေလးကို ယူလိုက္ပါေနာ္။

အရင္ဦးဆံုး Blogger ရဲ႕ Dashboard ကို သြားလိုက္ပါ။
Blogger Dashboard > Design > Add A Gadget ကိုသြားျပီး ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးကို ကူးထည့္လိုက္ပါ။အ၀ါေရာင္ နဲ႕ေရးထားတဲ့ ေနရာေလးေတြမွာေတာ့ မိမိ တို႕ အသံုးျပဳရမဲ့ Link ေလးေတြကို အစားထိုးျပီး ထည့္လိုက္ပါ။

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7CjyHmhgyboxb27DdFA5sqfpDO-8vdAFqWwC0icQSU68G5ZIX3ia6fPSKKTzv3xXk1HQpHzmzKD605Uq2gcwGx_NaDwuOzMR71l-my5WVjEbwEBZ7F7F5mR9wNpSG5JqHwi31fmXfTR8/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7PjY8qH5zS9ZWr3E7iVaxv-uLqShvhgr7pPFC93Q5Gd1MSFJIA6QjA6RLJHBPglu1tG07T6US8s4PM-d4MEN0yMY2Ay955ajO6RsDLHD0fO3RqH-3459qMoN_vFN8CPN7J9Ps1uZZjr2h/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCcC_McMHVyDqaOfpI-Ig_nPuuF-xWZgg-I9mi-7TQwckw3AY1ae0X9to8ZsmPlChS-0eFoRNCBvwmyr8aL9mTYIPQQwj36bkEku0HQNa3zal1BdrnIKij51hBxnYVJyHj-XLbu9ltdFW/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMn_jZpiLK0QnFmcTffTPOICiIqgV4r17Vw3D5Gq8YHTLJLRRW5nUHS2EOuiAiFoPa07WkGUg_pXJHixG0XD7b8j9qbcKetn3yVVXl_cck2HJWE5FsatxbLFrvl1tu2NCBGUfWnCAJXIvq/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpVDmdjMiTh5nG2GXafm3zLdkCKpZJncOOsBknzRgWTYDg0uGp7XCLG3Z_Vo0YzvwbI5l55ZoGO1ycNvPIZTUcpGlecM3_f5n7lNj3h4Vf-YPosP2Pl5ExbWttBriERgy3O9PYwtzgwzB/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRhzT-Xj-PCV8zL6ao22aa6gpIURKCRvsUn_U_UB4tQEa9bleLnHL93QNNa-KzKHMYwd-5hxQnOLv-kG_cYTpXDnV9vHL0jSEz3gcBSiKIF2Qvrf48Tvwk6p4ugSQca2-Rt2KljEC_-04/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>

ကဲ........ဒါေလးပါပဲ သူငယ္ခ်င္းတို႕ေရ သံုးၾကည့္ၾကပါဦးဗ်ာ။ၾကိဳက္ရင္ တျခားသူငယ္ခ်င္းေတြကို ကၽြန္ေတာ့ IT Bank ေလးကို လမ္းညႊန္ေပးၾကပါဦးလို႕ ေတာင္းဆိုပါရေစဗ်ာ။ဒီ ေကာင္ေလးက ကိုယ့္ ၀က္ဆိုဒ္မွာ တင္ရင္ Design ေလးကလဲ လန္းတဲ့ အျပင္ 3D ေလးလဲ ျဖစ္ျပီး ရိုးရွင္းလွပတဲ့ Style ေလးမို႕ ကၽြန္ေတာ္ ကိုယ္တိုင္ကိုကလဲ သေဘာက်လို႕ သိမ္းမထားဘဲ ကၽြန္ေတာ့ IT Bank သူငယ္ခ်င္းေတြလဲ သေဘာက်သြားေအာင္ ကၽြန္ေတာ္က ျပန္ျပီးမွ်ေ၀ေပးလိုက္တာျဖစ္ပါတယ္ဗ်ာ။
                                                                                                                                          ၾကိဳးစားလ်က္....!
                                                                                                                                           (Yekyawphyo)

ကၽြန္ေတာ္ ဒီ တစ္ခါ ကၽြန္ေတာ္တို႕ Blogger သမားေတြအတြက္ မိမိ Site ေလးမွာ Search Box လွလွေလးထည့္သြင္းျပီး အသံုးျပဳခ်င္တဲ့သူေတြ အတြက္ေပါ့ဗ်ာ။ကၽြန္ေတာ္ ေအာက္မွာ ပံုေလးေတြနဲ႕ ေကာ Code ေလးေတြပါ ထည့္သြင္းေပးထားပါတယ္ဗ်ာ။သူငယ္ခ်င္းေတြ လိုခ်င္ရင္ ေအာက္မွာ ယူလိုက္ပါေနာ္။အသံုးျပဳနည္းေလးပါ ကၽြန္ေတာ္ ေရးေပးထားပါတယ္ဗ်ာ။ေအာက္က အဆင့္ေလးေတြ အတိုင္းသြားျပီး ထည့္လိုက္ပါေနာ္။
အရင္ဦးဆံုး Blogger ရဲ႕ Design >> Page Elements >> Add a Gadget >> Html/Javascript ကိုသြားပါ။ျပီးရင္ မိမိ ၾကိဳက္တဲ့ Design ေလးကိုေရြးျပီး Code ကို Copy ယူျပီး ကူးထည့္လိုက္ပါ။ျပီးရင္ေတာ့ ေနာက္ဆံုး အေနနဲ႕ Save လိုက္ေပါ့ဗ်ာ။လြယ္လြယ္ေလးပါပဲ။ကဲ လိုခ်င္ရင္ အျမန္ဆံုးသာယူလိုက္ေပေတာ့ေနာ္။

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1aRCeloW9GVdjjWXnWzMddu-f7CrPFA-MLvWS_IsIMx2GG0b3MKXjgRFGRDh_DoIv6TD7fpozbkh3ROr3Eid0ZFpm_nigwFReEAqNSbO1MpOPS4pyt6mampsk8QM3KRHFxed4rfaez5WK/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 10px 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"><form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>


ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSczoVIoJpxcpcyKPCKQBgpC9uruSDepkQw03OE9hEZH0eCMM7yn0eyiJpsbyWQ-v3HlxTwzVxZ-goeY0G8PHu0nMTKaLn3dvkvT2MuzGAqY-wIY2drFy1cm475ZqpwqfMayWaKex0aPE7/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 10px 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"><form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWlNUgxnI8hqXKqRpCOGiPuX2B4-PYnb-6lz8_gcx0Bw3ed3XB0nlJbTF0Ca_NCjvdu3jt-KBHR1rgmP9S8JMATezAvM1H7zKwMrjktJsUUuPCV17eMxfBOzy437EvUkVG9KrjOWyPBXn/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 10px 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"><form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search~~~" onfocus='if (this.value == "Search~~~") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search~~~";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipydSuXTKrEP_3EK11ooiyqq3Vqst_PHkP3hSBu6pPnoVFaRl37JO3o4vkl6N4n_I_SKCtUowGu-j20CD3jYcBAklUY_rtsaeL0twGvdXu2K4RavBnfFgvZgdj4j5J3Mnf-dx7tpID50ux/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"><form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh37hJNn6mx27jgjhq9fYHf5ZHdSIDohy6VdXIo2Ustyn8CMoe4yk6YBijiGO_bZxyuzTKNBKQ28GWQPfPXhP0KJWKvgzkgDdJDeUnsB_rsZcQiOb1gE2tJjIHoHXygiCLEXgzMIIjNQLpX/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#It Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"><form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။


<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmzEKA15mhg26MGufFa_5aV2i3LXdBCPD7Sa48_iysSU4YgwWKZSnuoVyaE-AjSCXmY32qDWp0Y1yGIB5nv0vcpd1qxJGyTtPbDnGnPCIvSPHZkkIFF9l7nYcmiUaaApZVxHaiLLkXLZGR/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="w2b-searchbox"><form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form></div>

 ကဲ သူငယ္ခ်င္းေတြ အားလံုးရဲ႕ Site ေလးမွာ ကၽြန္ေတာ့ရဲ႕ Search Box ေလးေတြ ထည့္ျပီး လန္းႏိုင္ၾကပါေစဗ်ာ။သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပရင္ ကၽြန္ေတာ္ ၀မ္းသာပါတယ္ဗ်ာ။
                                                                                                                                        ၾကိဳးစားလ်က္......!
                                                                                                                                          (Yekyawphyo)

ကၽြန္ေတာ့ IT Bank Site ေလးမွာ Post ေတြေရးဖို႕ ေတာ္ေတာ္ကင္းေ၀းေနတာၾကာပါျပီဗ်ာ။အဲ့ဒီ အတြက္ ကၽြန္ေတာ့ ဆိုဒ္ေလးကို အားေပးေနၾကတဲ့ စာဖတ္ပရိတ္သတ္သူငယ္ခ်င္းေတြ အတြက္ကို ကၽြန္ေတာ္က အႏူးအညြတ္ေတာင္းပန္ပါတယ္လို႔ ေျပာပါရေစဗ်ာ။ကၽြန္ေတာ္ ေနမေကာင္းလို႕ေကာ အလုပ္ေတြ မအားလို႕ေကာ စတဲ့ အေၾကာင္းကိစၥေလးေတြနဲ႕မို႕ Post ေတြ မတင္ျဖစ္သြားတာပါဗ်ာ။အခုေတာ့ ကၽြန္ေတာ္ေနေကာင္းသြားျပီမို႕ ကၽြန္ေတာ္ေလ့လာထားသမွ်ပညာေလးေတြကို သူငယ္ခ်င္းေတြ အတြက္ မွ်ေ၀ေပးေတာ့မွာျဖစ္ပါတယ္ဗ်ာ။အခုေတာ့ ကၽြန္ေတာ္တို႕ Web Development သမားေတြအတြက္ မိမိ၀က္ဆိုဒ္ေလးမွာ အရိုးရင္းဆံုးနဲ႕ နာရီလန္းလန္းေလး အသံုးျပဳခ်င္တဲ့ သူေတြအတြက္ေပါ့ဗ်ာ။နာရီ ပံုေလးက ေအာက္မွာ ျပထားတဲ့ ဓာတ္ပံုေလးအတိုင္းေပါ့။ကၽြန္ေတာ့ မိမိ ၀က္ဆိုဒ္မွာလဲ ဆင္ထားပါတယ္ဗ်ာ။ အရင္ဦးဆံုး ဆင္ၾကည့္လိုက္ပါ။မၾကိဳက္မွ ျပန္ျဖဳတ္ေပါ့ ဟုတ္လား။ၾကိဳက္ရင္ေတာ့ Comments ေလးေတြေပးျပီး ေ၀ဖန္အၾကံေပးႏိုင္ပါတယ္ေနာ္။
<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

ကၽြန္ေတာ္ တစ္ခု သတိေပးခ်င္တာကေတာ့ အေပၚက Code ေလးကေတာ့ မိမိရဲ႕ ၀က္ဆိုဒ္ေနာက္ခံ Background အျဖဴေရာင္နဲ႕ အသံုးျပဳထားတဲ့ သူေတြ အတြက္ Code ေလးေပါ့။ေအာက္က Code ေလးကေတာ့ မိမိတို႕ ၀က္ဆိုဒ္ရဲ႕ေနာက္ခံ Background ဟာအနက္ေရာင္နဲ႕ အသံုးျပဳထားတဲ့ သူေတြ အတြက္ Code ေလးေပါ့ဗ်ာ။

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>

ကၽြန္ေတာ္တို႕ Blogger မွာ အသံုးျပဳပံုေလးကေတာ့ www.blogger.com ကို Sign In ၀င္လိုက္ပါ။
1.Design
2.Page Elements
3.Add A Gadget
4.Html/Javascript ထည့္ကို ကူးထည့္ျပီး Save လိုက္ယံုပါပဲဗ်ာ။

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

                                                                                                                                          ၾကိဳးစားလ်က္....!
                                                                                                                                           (Yekyawphyo)

ကၽြန္ေတာ္ ဒီ တစ္ခါေတာ့ ကၽြန္ေတာ္ Web Development သမားေတြအတြက္ လက္ေဆာင္ေလး တစ္ခုကိုေပးပါ့ရေစဗ်ာ။ကၽြန္ေတာ္ အခုေပးမဲ့ လက္ေဆာင္ေလးက သူငယ္ခ်င္းေတြ အတြက္လဲ ေတာ္ေတာ္ စိတ္၀င္စားဖို႕ေကာင္းတဲ့ လက္ေဆာင္ေလးေပါ့ဗ်ာ။သူငယ္ခ်င္းေတြ ရဲ႕ Web Site ေလးမွာ Weather Gadget Box လွလွေလး တစ္ခု ခ်ိတ္ဆြဲအသံုးျပဳခ်င္တဲ့ သူေတြ အတြက္ေပါ့ဗ်ာ။အဲ့ဒီ Weather Gadget ေလးက ႏိုင္ငံအစံု ျမိဳ႕နယ္ အစံုကို မိမိ စိတ္ၾကိဳက္လိုက္ရွာျပီး ရာသီဥတုအေျခအေနေတြကို ၾကည့္လို႕ရပါတယ္ဗ်ာ။အျမင္ေလးမွာလဲ ေတာ္ေတာ္ေလးကို ၾကည့္လို႕လွပါတယ္ဗ်ာ။ေအာက္ကပံုေလး အတိုင္းေပါ့ဗ်ာ။ကၽြန္ေတာ့ ဆိုဒ္ေလးမွာေတာ့ ခ်ိတ္ထားတာ ၾကာပါျပီ။ကၽြန္ေတာ့ကို ညီေလးတစ္ေယာက္က အစ္ကို ဆိုဒ္မွာ ခ်ိတ္ထားတဲ့ Weather Gadget ေလးလိုခ်င္ပါတယ္လို႕ေတာင္းဆိုထားတဲ့ အတြက္ ကၽြန္ေတာ့ ခုလိုတင္ေပးလိုက္တာပါ။ေအာက္က ပံုေလးအတိုင္းေပါ့ဗ်ာ။
ျပီးရင္ ေအာက္က နည္းေလးအတိုင္း လုပ္သြားလိုက္ေပါ့ဗ်ာ။အရင္ဦးဆံုး www.blogger.com ကို Sign in ၀င္လိုက္ပါ။
1.Design
2.Edit Html
3.Add a Gadget
4.Html/Javascript ျပီးရင္ ကၽြန္ေတာ္ေပးထားတဲ့ ေအာက္က Code ေလးကို ကူးထည့္ေပးလိုက္ရံုပဲေပါ့။ျပီးရင္ Save လိုက္ပါ။ဒါေလးပါပဲ ဗ်ာ။ကဲ ဘယ္ေလာက္ လြယ္လိုက္လဲဗ်ာ။မသိေသးရင္ေတာ့ ခက္ေနၾကတာေပါ့ဗ်ာ။လူေတြ ဟာ သိသြားရင္ေတာ့ လြယ္သြားတာက ဓမၼတာပဲ မဟုတ္လားဗ်ာ။

<div style="width:200px; height:120px;"> <img src="http://img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 120px; width: 200px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /><br /> </div><div style="width: 220px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;"> <span style="float:left;"><a target="_top" href="http://yowindow.com?client=widget&link=copyright" style="color: #2fa900; text-decoration:none;" title="Weather Widget"></a></span><br /> <span style="float:right; color:#888888;"><a href="http://yr.no" style="color: #2fa900; text-decoration:none;"></a></span><br /> </div>
ကၽြန္ေတာ့ ဆိုဒ္ေလးကို အားေပးေနတဲ့ သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပၾကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္ဗ်ာ။ကၽြန္ေတာ့ Post ေလးေတြက သူငယ္ခ်င္းေတြ အတြက္ အသံုးတည့္တဲ့ Post ေလးတစ္ခုျဖစ္ခဲ့မယ္ဆိုရင္ ကၽြန္ေတာ္ အခ်ိန္ကုန္ခံရက်ိဳးနပ္ပါတယ္ဗ်ာ။ကၽြန္ေတာ္ သိသေလာက္ တက္သေလာက္ေလး သူတစ္ပါးေတြကို ေျပာျပလို႕ သူတစ္ပါးအတြက္ အသံုးတည့္ခဲ့မယ္ဆိုရင္ ေပ်ာ္ေနတက္တဲ့ သူတစ္ေယာက္ပါဗ်ာ။

                                                                                                                                        ၾကိဳးစားလ်က္......!
                                                                                                                                          (Yekyawphyo)

ကၽြန္ေတာ္ အရင္တုန္းကေတာ့ Gtalk Password Viewer ဆိုျပီး Software ေလးတစ္ခုတင္ေပးဖူးပါတယ္ဗ်ာ။ဒီတစ္ခါေတာ့ FireFox Password Viewer ဆိုျပီး Java Code ေလးတစ္ခုနဲ႕ မိတ္ဆက္ေပးပါရေစဗ်ာ။ကၽြန္ေတာ့ ဒီ Code ေလးကို သူငယ္ခ်င္းေတြ အားလံုး ေကာင္းတဲ့ ေနရာေတြမွာပဲ သံုးေစခ်င္ပါတယ္ဗ်ာ။သူတစ္ပါးကို ထိခိုက္နစ္နာေစတဲ့ ေနရာမ်ိဳးမွာေတာ့ အသံုးမျပဳေစခ်င္ပါဘူးဗ်ာ။ဘာျဖစ္လို႕လဲ ဆိုေတာ့ ကိုယ့္အတြက္နဲ႕ သူတစ္ပါးထိခိုက္နစ္နာခဲ့မယ္ ဆိုရင္ေတာ့ ကိုယ့္ျပဳသည့္ ကံ ပဲ့တင္သံ ကိုယ့္ထံျပန္လာလိမ့္မယ္ ဆိုတဲ့ စကားပုံေလးကိုေတာ့ မေမ့ပါနဲ႕လို႕သတိေပးပါရေစဗ်ာ။ျပီးေတာ့ ကၽြန္ေတာ္ဟာ Hacker တစ္ေယာက္လဲ မဟုတ္ပါဘူးဗ်ာ။Hacking  လဲ စိတ္မ၀င္စားပါဘူးဗ်ာ။ဒါမဲ့ သိသင့္တယ္ထင္လို႕ ကၽြန္ေတာ္ေလ့လာထားသမွ်ေလး သူငယ္ခ်င္းေတြကို ျပန္လည္မွ်ေ၀ေပးရတာပါဗ်ာ။ကဲ သူငယ္ခ်င္းေတြ စိတ္၀င္စားမယ္ဆိုရင္ ကၽြန္ေတာ္ေပးပါ့မယ္ဗ်ာ။ကၽြန္ေတာ္ နမူနာအေနနဲ႕  FireFox က Gmail မွာ စမ္းျပထားေပးပါတယ္ဗ်ာ။တစ္ခုေတာ့ သတိေပးလိုက္မယ္ေနာ္။Password ရိုက္ထားမွ ၾကည့္လို႕ရမွာေနာ္။ေအာက္က ပံုေလး အတိုင္း ကၽြန္ေတာ္တို႕က အရင္ Gmail ကို ၀င္လိုက္တယ္ေပါ့ဗ်ာ။ျပီးရင္ Gmail ထဲကို လံုး၀မ၀င္ေသးခင္ Firefox ရဲ႕ Address Bar မွာ ကၽြန္ေတာ္ ေအာက္မွာ ေပးထားတဲ့ Code ေလးကို Copy ကူးျပီး Paste ထည့္လိုက္ရင္ ကၽြန္ေတာ္တို႕ Logn In ၀င္ထားတုန္းကေပးထားတဲ့ Password နံပါတ္ေလးေတြဟာ ေအာက္ဆံုးက ပံုေလး အတိုင္း ေတြ႕ျမင္ရမွာ ျဖစ္ပါတယ္ဗ်ာ။ကဲ ကၽြန္ေတာ္ နမူနာ စမ္းထားတဲ့ ပံုေလးေတြ ကိ ုၾကည့္လိုက္ရေအာင္ဗ်ာ။
အေပၚက ပံုေလးကေတာ့ ကၽြန္ေတာ္ နမူနာ Gmail မွာ စမ္းထားတဲ့ပံုေလးေပါ့ဗ်ာ။ေအာက္က ပံုေလးကေတာ့ ကၽြန္ေတာ္ ေပးထားတဲ့ JavaCode ေလးကို Firefox ရဲ႕ Address Bar မွာ ကူးထည့္ျပီး ကၽြန္ေတာ္တို႕ ရုိက္ထားတဲ့ Password နံပါတ္ေတြကို ေဖာ္ျပေပးတဲ့ Box ေသးေသးတစ္ခု က်လာမွာ ျဖစ္ပါတယ္ဗ်ာ။

ေအာက္က JavaCode ေလးကို ကူးျပီး သင့္ Firefox ရဲ႕ Address Bar မွာ ကူးထည့္ျပီး Enter ေခါက္လိုက္တာနဲ႕ မိမိရဲ႕ Password ကို အေပၚကပံုေလး အတိုင္း Box ေလးနဲ႕ ျပမွာျဖစ္ပါတယ္ဗ်ာ။တစ္ခု သတိေပးလိုက္ပါ့မယ္။ပံုေသေတာ့ မမွတ္ၾကနဲ႕ေနာ္။

<br /> javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for(i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwords in forms on this page:\n\n" + s); else alert("There are no passwords in forms on this page.");})();

ကဲ ဒီေလာက္ဆိုရင္ သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပၾကလိမ့္မယ္လို႕ ထင္ပါတယ္ဗ်ာ။သူငယ္ခ်င္းေတြ အားလံုး အက်ိဳးရွိတဲ့ ေနရာေလးေတြမွာ အသံုးျပဳလို႕ အဆင္ေျပခဲ့မယ္ဆိုရင္ ကၽြန္ေတာ္ အခ်ိန္ကုန္ခံၾကိဳးစားရက်ိဳးနပ္ပါျပီဗ်ာ။ေအာက္မွာ ကၽြန္ေတာ္ ဒီ Java Code ေလးအတြက္ကို Rar ခ်ံဳ႕ျပီး ဖိုင္တစ္ခုအေနနဲ႕ ယူသြားလို႕ရေအာင္ ေအာက္မွာ Download Links ေလးေပးထားပါတယ္ဗ်ာ။ယူသြားလိုက္ပါဦးေနာ္။

ဒီ Link ေလးမွာ Download ယူသြားလိုက္ပါေနာ္။
                   (သို႕မဟုတ္)
ဒီ Link ေလးမွာ Download ယူသြားလိုက္ပါေနာ္။
                                                                                                                                       ၾကိဳးစားလ်က္......!
                                                                                                                                         (Yekyawphyo)

ကဲ ဒါဆိုရင္ေတာ့ ကၽြန္ေတာ့ IT Bank ေလးကို ၾကည့္ေနၾကတဲ့ သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပၾကလိမ့္မယ္လို႕ ေမွ်ာ္လင့္ပါတယ္ဗ်ာ။
                                                                                                                                        ၾကိဳးစားလ်က္.....!
                                                                                                                                          (Yekyawphyo)

ဒီ တစ္ခါလဲ ကၽြန္ေတာ္တို႕ Web Site ၀ါသနာရွင္ သူငယ္ခ်င္းမ်ားအတြက္ Search Engine Box လွလွေလးကို မိမိ Site ေလးမွာ ခ်ိတ္ဆြဲခ်င္ေသာသူေတြ အတြက္ပါဗ်ာ။ကဲ ကၽြန္ေတာ္ ေအာက္မွာ ပံုေလး နဲ႔ တကြ ျပေပးထားပါတယ္ဗ်ာ။ကၽြန္ေတာ့ Site ေလးမွာလဲ ခ်ိတ္ဆြဲထားပါတယ္ဗ်ာ။

<!-- SiteSearch Google // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // --> <center> <form method="get" action="http://www.google.com/search"><input value="UTF-8" name="ie" type="hidden" /> <input name="oe" value="UTF-8" type="hidden" /> <table style="text-align: center;" bgcolor="#000000"> <tbody> <tr> <td><a href="http://www.google.com/" rel="nofollow"> <img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" border="0" /></a></td> </tr> <tr> <td> <input name="q" size="21" maxlength="255" value="" type="text" /><font size="-1"> <input name="domains" value="www.welcometoitbank.blogspot.com" type="hidden" /><br /> <input name="sitesearch" value="" type="radio" /> Web <input name="sitesearch" value="www.welcometoitbank.blogspot.com" checked type="radio" />(WelcomeToITBank)<br /> <input name="btnG" value="SEARCH" type="submit" /> </font></td> </tr> </tbody> </table> </form> <!-- SiteSearch Google // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // --> </center>
 1.Design
2.Page Elements
3.Add a Gadget
4.Html/Javascript ဆိုတဲ့ ေနရာ ေပၚလာျပီဆိုရင္ေတာ့ ကၽြန္ေတာ္ ေပးထားတဲ့ အေပၚက Code ကို ကူးျပီး ထည့္ရမွာ ျဖစ္ပါတယ္။
5.Save လိုက္ပါ။ဒါဆိုရင္ ကၽြန္ေတာ္တို႕ေတြ အေပၚကပံုေလး အတိုင္း မိမိ Site မွာ ခ်ိတ္ဆြဲထားျပီးသား ျဖစ္သြားပါ့မယ္။သိျပီးသား လူေတြမ်ား ရွိရင္ ေတာင္းပန္ပါတယ္ဗ်ာ။မသိေသးသူမ်ား အတြက္ ရည္ရြယ္ျပီး ေျပာျပျခင္းျဖစ္ပါတယ္ဗ်ာ။
(မွွတ္ခ်က္ - www.welcometoitbank.blogspot.com တို႕လို ေနရာမ်ိဳးမွာ မိမိ Web Site ရဲ႕ Link ကို ထည့္သြင္းရမွာ ျဖစ္ပါတယ္။#000000 ေနရာမွာေတာ့ မိမိ စိတ္ၾကိဳက္ အေရာင္ေတြရဲ႕ Code ကိုထည့္သြင္း အသံုးျပဳလို႕ရပါတယ္ေနာ္။သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပၾကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္ဗ်ာ။)
                                                                                                                                     ၾကိဳးစားလ်က္.........!
(Yekyawphyo)

ဒီ တစ္ခါေတာ့ ကၽြန္ေတာ္ Web site သမားေတြ အတြက္ ကၽြန္ေတာ္ သိသေလာက္ လက္ေဆာင္ေလး တစ္ခု ေပးပါရေစဗ်ာ။Web Site ေတြရဲ႕ Slide Bar ေတြမွာ ေတြ႕ေနရတဲ့ အဂၤလိပ္ ရက္စြဲကို ျမန္မာ လို ေျပာင္းသြားေအာင္ လုပ္တဲ့ Javascript Code ေလး တစ္ခုနဲ႕ မိတ္ဆက္ေပးပါရေစဗ်ာ။လုပ္ရတာေလး ကလဲ ေတာ္ေတာ္ လြယ္ပါတယ္။Html/Javascript Code ေတြ အလုပ္လုပ္ တဲ့ ေနရာတိုင္း သံုးလို႕ရပါတယ္ဗ်ာ။ကၽြန္ေတာ္ ေအာက္မွာ ပံုေလးနဲ႕ တကြ ျပေပးထားပါတယ္ဗ်ာ။ဒီ ပံုေလးအတုိင္းေလးပါ။ကၽြန္ေတာ့ Site ေလးမွာလဲ ခ်ိတ္ဆြဲထားပါတယ္ဗ်ာ။

 ေအာက္က Code ေလးကို ကူးထည့္လိုက္ယံုပါပဲဗ်ာ။ကၽြန္ေတာ္ တို႕ Blog မွာ ခ်ိတ္ဆြဲပံုကိုေတာ့ ေျပာျပေပးသြားပါ့မယ္။တျခား Site ေတြမွာ ခ်ိတ္ဆြဲပံုကိုေတာ့ ကၽြန္ေတာ္ အခ်ိန္ သိပ္မရလို႕ မေျပာေတာ့ပါဘူး။အဲ့ဒါကေတာ့ မိမိဥာဏ္ ရွိသလိုသာ စမ္းျပီး သံုးၾကပါလို႕ ေျပာပါရေစဗ်ာ။ကၽြန္ေတာ္တို႕ Blog Site ေတြမွာ ဆိုရင္
1.Design
2.Page Elements
3.Add a Gadget
4.Html/Javascript ဆိုတဲ့ ေနရာ ေပၚလာျပီဆိုရင္ေတာ့ ကၽြန္ေတာ္ ေပးထားတဲ့ ေအာက္က Code ကို ကူးျပီး ထည့္ရမွာ ျဖစ္ပါတယ္။
5.Save လိုက္ပါ။ဒါဆိုရင္ ကၽြန္ေတာ္တို႕ေတြ အေပၚကပံုေလး အတိုင္း မိမိ Site မွာ ခ်ိတ္ဆြဲထားျပီးသား ျဖစ္သြားပါ့မယ္။သိျပီးသား လူေတြမ်ား ရွိရင္ ေတာင္းပန္ပါတယ္ဗ်ာ။မသိေသးသူမ်ား အတြက္ ရည္ရြယ္ျပီး ေျပာျပျခင္းျဖစ္ပါတယ္ဗ်ာ။

  Welcome To IT Bank <script type="text/javascript" src="http://yourjavascript.com/10019142125/welcometoitbank.txt.js"></script> <!--Calender-welcometoitbank--> <script type='text/javascript'> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var dayarray=new Array("တနဂၤေႏြ","တနလၤာ","အဂၤါ","ဗုဒၶဟူး","ၾကာသပေတး","ေသာၾကာ","စေန") var montharray=new Array("ဇန္နဝါရီ","ေဖေဖာ္ဝါရီ","မတ္","ဧျပီ","ေမ","ဇြန္","ဇြန္လိုင္","ၾသဂုတ္","စက္တင္ဘာ","ေအာက္တိုဘာ","ႏိုဝင္ဘာ","ဒီဇင္ဘာ") document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
သူငယ္ခ်င္းေတြ အားလံုး အစစ အရာ အဆင္ေျပျပီး ေအာင္ျမင္ေသာ သူေတြ ျဖစ္ၾကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္ဗ်ာ။
                                                                                                                                    ၾကိဳးစားလ်က္.........!
(Yekyawphyo)

ကဲ ဒီတစ္ခါေတာ့ WebSite ၀ါသနာရွင္ သူငယ္ခ်င္းေတြအတြက္ မိမိတို႕ WebSite ေခါင္းစဥ္ေလးကို Browser ေတြရဲ႕ Tab Bar မွာလႈပ္ရွားေနေအာင္ လုပ္တဲ့ Marquee Code ေလးတစ္ခုနဲ႕မိတ္ဆက္ေပးပါရေစဗ်ာ။ <script language="javascript" type="text/javascript"> msg = " Welcome To IT Bank "; msg = "လႈိက္လွဲစြာ ၾကိဳဆိုပါ၏။" + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",150); } scrollMSG(); </script>

လိုခ်င္ရင္ အေပၚက Code ေလးကို  ကူးသြားလိုက္ပါဗ်။Welcome To IT Bank ဆိုတဲ့ ေနရာ ေလးမွာေတာ့ မိမိတို႕ Website ရဲ႕ ေခါင္းစဥ္ေလးကို ေရးလို႕ရပါတယ္ဗ်ာ။လႈိက္လွဲစြာ ၾကိဳဆိုပါ၏ ဆိုတဲ့ ေနရာေလးမွာေတာ့ မိမိတို႕ စိတ္တိုင္းက် စာသားေလးကို ေျပာင္းထည့္ျပီး အသံုးရပါတယ္ဗ်ာ။
1.Design
2.Page Elements
3.Add a Gadget
4.Text/Javascript
 5.Save လို္က္ပါ။ေအာက္က ပံုေလး အတိုင္းပါဗ်ာ။
WebSite သူငယ္ခ်င္းမ်ား အားလံုး အဆင္ေျပၾကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္ဗ်ာ။
                                                                                                                                       ၾကိဳးစားလ်က္.......!
(Yekyawphyo)

ကုိယ္ႀကိဳက္တဲ့ စာသားထည့္ၿပီး ကြန္ပ်ဴတာကို စကားေျပာခိုင္းမယ္ဗ်ာ..
ဘယ္လိုေပးေျပာမလဲ? ဒီေအာက္က အတိုင္းလုပ္ၾကည့္ပါ..

Notepad ကိုဖြင့္ပါ။.ၿပီးရင္ ဒီေအာက္က Code ကို Copy ယူၿပီး Notepad မွာ
Paste ထည့္လိုက္ပါ..

Do
Dim msg, sapi
msg="Hey lady I love you do u love me"
Set sapi=CreateObject("sapi.spvoice")
sapi.Speak msg
loop

ၿပီးရင္ (ၾကိဳက္တဲ့နာမည္ေပးပါ).vbs လိုနာမည္ေပးၿပီး Save As လုပ္လိုက္ျပီး Save လိုက္ပါ..။ဖိုင္နာမည္ေပးတဲ့ေနရာမွာ .vbs ကိုေတာ့ ထည့္ေရးပို.ဖို.ေတာ့မေမ.နဲ.ေနာ္။
ေနာက္ ကိုယ္ save ထားတဲ့ (ၾကိဳက္တဲ့နာမည္ေပးပါ).vbs ကို ဖြင့္လိုက္ပါ..(Hey Lady I Love You Do U Love Me) ဆိုၿပီး ထပ္ခါထပ္ခါ
ေျပာလာပါလိမ့္မယ္..အနီေရာင္နဲ႔ ျပထားတဲ့စာသားကိုကုိယ္ႀကိဳက္တဲ့ စာသားနဲ႔ေျပာင္းလို႕ရပါတယ္..

စကားေျပာတာကိုရပ္ခ်င္ရင္ CTRL + ALT + DELETE >>ကိုနိပ္ပါ။အဲ့လိုမလုပ္ခ်င္ရင္ မိမိ ကြန္ပ်ဴတာနဲ.ေအာက္ဆံုးက Start Bar ေလးမွာ Right Click ေထာက္လိုက္ပါ။ေအာက္ဆံုးက ေန ၃ ေၾကာင္းေျမာက္မွာ Start Task Manager ဆုိုတာကို သြားလို.ရပါေသးတယ္။ျ႔ပီးရင္ Start task manager ကိုဖြင့္လိုက္ပါ..ေနာက္ Processes TAB ထဲကိုဝင္ၿပီး wbscript.exe ကို႐ွာပါ ..
ေတြ႔ၿပီဆိုရင္ သူ႔ကို Select ၿပီး End Process ကိုနိုပ္လိုက္႐ုံပါပဲ..အဲဒါပါပဲခင္ဗ်ာ.. :)။ျပိးရင္ ကိုယ္ၾကိဳက္တဲ့ သူဆီကို အဲ့ဖိုင္ေလး ပို.ေပးျပီးေတာ့ ေနာက္လိုက္ၾကေပါ့ဗ်ာ။ကဲ.... စမ္းၾကည့္ၾကပါဦးဗ်ာ။အဆင္ေျပၾကပါေစလို. ဆုေတာင္းေပးလိုက္ပါတယ္ေနာ္။
                                                                                                                                      ၾကိဳးစားလ်က္........!
(Yekyawphyo)