အလြယ္ကူဆုံး Add Elemic Blue Menu ( အျပာေရာင္ )

မဂၤလာပါ  ဘေလာ့ခ်စ္ေသာပရိတ္သတ္အေပါင္းတို႕... သည္ေန႕ ေရးျဖစ္တဲ့ အေၾကာင္းရာေလးကေတာ့

ဘေလာ့တစ္ခုမွာ မရွိမျဖစ္ လိုအပ္ခ်က္ျဖစ္တဲ့  ေခါင္းစဥ္လို႕ ေခၚတဲ့ Menu ေလးေတြ ဖန္တီးနည္းပါ။

သည္နည္းေလးကို အလြယ္ဆုံးနဲ႕ မရွင္းဆုံး ျဖစ္ေအာင္ ေရးသား တင္ျပေပးထားပါတယ္... သူကေတာ့

Animated ပုံစံေလးနဲ႕ တမ်ိဳးေတာ့ လွပါတယ္... စိတ္၀င္စားမယ္ဆို ေအာက္မွာ လုပ္နည္းနဲ႕  လိုအပ္ေသာ

ကုဒ္ေတြကို ညႊန္ျပ ရွင္းလင္းထားပါတယ္... အရမ္းလြယ္ကူပါတယ္...

နည္းလမ္းကေတာ့

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

ေနာက္ က်လာေသာ ေဘာက္ထဲကေန ေအာက္ကပုံတိုင္းေရြးလိုက္ပါ

အိုေက ဒါဆို ေအာက္မွာ ေပးထားေသာ ဇယားထဲကကုဒ္ေတြ ကိုယူထည့္ေပးလုိက္ပါ..

               <style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmWXM3CumwUgVfbj-k-8nxLNrO1K72CCrCK6mEafGjbeLgS-_3sGcwOxJm1vnsxD59aWWHEFCm-ut6bzdYKlHxM-V4qQ_m4n6Eqw4MbWmM2iAw3flczCph7seWltld9BDhv7InQCUEnp0/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Sy8S3Ah11bHrKqbZPDDOzyO2QvGytLc6GL7ujikNEcxSXxbM3zv7IvY_7zudY17Oa8i7tBeauLRL1MwUloI7_bvqAerwW_4tbrOs5CvEEkotSKCf421InQCGr5MLmdNyX3YG21gg-oU/s1600/1x1juice.png" /></a> <div class="noop-menu-blue"> <ul class="menu"><li><a href="#">Home</a></li><li><a href="#">Features</a></li><li><a href="#">Products</a></li><li><a href="#">Contact</a></li><li><a href="#">Tips</a></li><li><a href="#">Tricks</a></li><li><a href="#">About</a></li></ul></div>

နမူနာၾကည့္ရန္ ကလစ္ပါ

မွတ္ ခ်က္  ။               ။ ေခါင္းစဥ္ေတြမွာ  မိမိတို႕ တပ္လိုေသာ ေခါင္းစဥ္အမည္နဲ႕..လင့္ခ်ိတ္ဖို႕ ဆိုတာ
                                 ရွိပါတယ္...    နမူနာအေနနဲ႕  တစ္ခုျပပါ့မယ္....
<li><a href="#">Home</a></li>  သည္လင့္မွာ ဆို Home ဆိုတာမွာ  ( မူလစာမ်က္ႏွာ) စသျဖင့္
ေျပာင္းလဲနိဳင္ပါတယ္.. လင့္ကိုေတာ့ မူရင္း မိမိဘေလာ့ရဲ႕ လိပ္စာ ကို # ေနရာေလးမွာ အစားထိုးေပးရပါမယ္... တျခားေခါင္းစဥ္မ်ားကိုေတာ့ သက္ဆိုင္ရာ ေခါင္းစဥ္ရဲ႕ လင့္နဲ႕ လင့္ခ်ိတ္ ေပးသြားရမွာ ျဖစ္ပါတယ္ေနာ္....... အဆင္ေျပပါေစ...

လင့္ခ်ိတ္နည္းမသိပါက    သည္ေနရာမွာ      ေလ့လာနိဳင္ပါတယ္။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

အလြယ္ကူဆုံး Add Elemic Green Menu ( အစိမ္းေရာင္ )

မဂၤလာပါ  ဘေလာ့ခ်စ္ေသာပရိတ္သတ္အေပါင္းတို႕... သည္ေန႕ ေရးျဖစ္တဲ့ အေၾကာင္းရာေလးကေတာ့

ဘေလာ့တစ္ခုမွာ မရွိမျဖစ္ လိုအပ္ခ်က္ျဖစ္တဲ့  ေခါင္းစဥ္လို႕ ေခၚတဲ့ Menu ေလးေတြ ဖန္တီးနည္းပါ။

သည္နည္းေလးကို အလြယ္ဆုံးနဲ႕ မရွင္းဆုံး ျဖစ္ေအာင္ ေရးသား တင္ျပေပးထားပါတယ္... သူကေတာ့

Animated ပုံစံေလးနဲ႕ တမ်ိဳးေတာ့ လွပါတယ္... စိတ္၀င္စားမယ္ဆို ေအာက္မွာ လုပ္နည္းနဲ႕  လိုအပ္ေသာ

ကုဒ္ေတြကို ညႊန္ျပ ရွင္းလင္းထားပါတယ္... အရမ္းလြယ္ကူပါတယ္...

နည္းလမ္းကေတာ့

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

ေနာက္ က်လာေသာ ေဘာက္ထဲကေန ေအာက္ကပုံတိုင္းေရြးလိုက္ပါ

အိုေက ဒါဆို ေအာက္မွာ ေပးထားေသာ ဇယားထဲကကုဒ္ေတြ ကိုယူထည့္ေပးလုိက္ပါ..

                 <style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41JG4Izczxfda9xTm8bH-HbYEg8y62eE_YVKCmfrCya2A2zOrC9OxrVLuDyWPyIVJ70Kl-zUwwWDKZ9O7iAanrKnIMh18sRAEZEYM8uU2ovw8TORfP3VS9SoXgP5jLqcWtfzdPRgBMpE/s1600/netoops-menu-blogger+green.png") repeat scroll 0 0 transparent !important; border: 1px solid #0E8410 !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Sy8S3Ah11bHrKqbZPDDOzyO2QvGytLc6GL7ujikNEcxSXxbM3zv7IvY_7zudY17Oa8i7tBeauLRL1MwUloI7_bvqAerwW_4tbrOs5CvEEkotSKCf421InQCGr5MLmdNyX3YG21gg-oU/s1600/1x1juice.png" /></a> <div class="noop-menu-green"> <ul class="menu"><li><a href="#">Home</a></li><li><a href="#">Features</a></li><li><a href="#">Products</a></li><li><a href="#">Contact</a></li><li><a href="#">Tips</a></li><li><a href="#">Tricks</a></li><li><a href="#">About</a></li></ul></div>

နမူနာၾကည့္ရန္ ကလစ္ပါ

မွတ္ ခ်က္  ။               ။ ေခါင္းစဥ္ေတြမွာ  မိမိတို႕ တပ္လိုေသာ ေခါင္းစဥ္အမည္နဲ႕..လင့္ခ်ိတ္ဖို႕ ဆိုတာ
                                 ရွိပါတယ္...    နမူနာအေနနဲ႕  တစ္ခုျပပါ့မယ္....
<li><a href="#">Home</a></li>  သည္လင့္မွာ ဆို Home ဆိုတာမွာ  ( မူလစာမ်က္ႏွာ) စသျဖင့္
ေျပာင္းလဲနိဳင္ပါတယ္.. လင့္ကိုေတာ့ မူရင္း မိမိဘေလာ့ရဲ႕ လိပ္စာ ကို # ေနရာေလးမွာ အစားထိုးေပးရပါမယ္... တျခားေခါင္းစဥ္မ်ားကိုေတာ့ သက္ဆိုင္ရာ ေခါင္းစဥ္ရဲ႕ လင့္နဲ႕ လင့္ခ်ိတ္ ေပးသြားရမွာ ျဖစ္ပါတယ္ေနာ္....... အဆင္ေျပပါေစ...

လင့္ခ်ိတ္နည္းမသိပါက    သည္ေနရာမွာ      ေလ့လာနိဳင္ပါတယ္။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

အလြယ္ကူဆုံး Add Elemic Tree Brown Menu ( အညိဳေရာင္ )

မဂၤလာပါ  ဘေလာ့ခ်စ္ေသာပရိတ္သတ္အေပါင္းတို႕... သည္ေန႕ ေရးျဖစ္တဲ့ အေၾကာင္းရာေလးကေတာ့

ဘေလာ့တစ္ခုမွာ မရွိမျဖစ္ လိုအပ္ခ်က္ျဖစ္တဲ့  ေခါင္းစဥ္လို႕ ေခၚတဲ့ Menu ေလးေတြ ဖန္တီးနည္းပါ။

သည္နည္းေလးကို အလြယ္ဆုံးနဲ႕ မရွင္းဆုံး ျဖစ္ေအာင္ ေရးသား တင္ျပေပးထားပါတယ္... သူကေတာ့

Animated ပုံစံေလးနဲ႕ တမ်ိဳးေတာ့ လွပါတယ္... စိတ္၀င္စားမယ္ဆို ေအာက္မွာ လုပ္နည္းနဲ႕  လိုအပ္ေသာ

ကုဒ္ေတြကို ညႊန္ျပ ရွင္းလင္းထားပါတယ္... အရမ္းလြယ္ကူပါတယ္...

နည္းလမ္းကေတာ့

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

ေနာက္ က်လာေသာ ေဘာက္ထဲကေန ေအာက္ကပုံတိုင္းေရြးလိုက္ပါ

အိုေက ဒါဆို ေအာက္မွာ ေပးထားေသာ ဇယားထဲကကုဒ္ေတြ ကိုယူထည့္ေပးလုိက္ပါ..

             <style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifNIQGeUAkjGpgaCBYnzPvz_OX84MBPIzLUkYN9dvLk_J1l-eJV-RRjEpsLy6tnTurxrLFDRzDZARxF95CUJuDauKkK1uw2zs9JASu_zhA-6aTIIFIeNElBlM_lgHyQagpfYuVS6kFrA8/s1600/netoops-menu-blogger+brown.png") repeat scroll 0 0 transparent !important; border: 1px solid #7C4B12 !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://netoopsblog.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Sy8S3Ah11bHrKqbZPDDOzyO2QvGytLc6GL7ujikNEcxSXxbM3zv7IvY_7zudY17Oa8i7tBeauLRL1MwUloI7_bvqAerwW_4tbrOs5CvEEkotSKCf421InQCGr5MLmdNyX3YG21gg-oU/s1600/1x1juice.png" /></a> <div class="noop-menu-brown"> <ul class="menu"><li><a href="#">Home</a></li><li><a href="#">Features</a></li><li><a href="#">Products</a></li><li><a href="#">Contact</a></li><li><a href="#">Tips</a></li><li><a href="#">Tricks</a></li><li><a href="#">About</a></li></ul></div>

နမူနာၾကည့္ရန္ ကလစ္ပါ

မွတ္ ခ်က္  ။               ။ ေခါင္းစဥ္ေတြမွာ  မိမိတို႕ တပ္လိုေသာ ေခါင္းစဥ္အမည္နဲ႕..လင့္ခ်ိတ္ဖို႕ ဆိုတာ
                                 ရွိပါတယ္...    နမူနာအေနနဲ႕  တစ္ခုျပပါ့မယ္....
<li><a href="#">Home</a></li>  သည္လင့္မွာ ဆို Home ဆိုတာမွာ  ( မူလစာမ်က္ႏွာ) စသျဖင့္
ေျပာင္းလဲနိဳင္ပါတယ္.. လင့္ကိုေတာ့ မူရင္း မိမိဘေလာ့ရဲ႕ လိပ္စာ ကို # ေနရာေလးမွာ အစားထိုးေပးရပါမယ္... တျခားေခါင္းစဥ္မ်ားကိုေတာ့ သက္ဆိုင္ရာ ေခါင္းစဥ္ရဲ႕ လင့္နဲ႕ လင့္ခ်ိတ္ ေပးသြားရမွာ ျဖစ္ပါတယ္ေနာ္....... အဆင္ေျပပါေစ...

လင့္ခ်ိတ္နည္းမသိပါက    သည္ေနရာမွာ      ေလ့လာနိဳင္ပါတယ္။

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

Dropdown Menu လွလွေလးနဲ႕ ဘေလာ့ကိုအလွဆင္ၾကစို႕

 မဂၤလာပါ  သည္နည္းပညာေလးကေတာ့ နိဳင္ငံျခားဆိုဒ္တစ္ခုမွ ျပန္လည္ မွ်ေ၀ျခင္းျဖစ္ပါတယ္..

အဆင္ေျပၾကမယ္လို႕ ယုံၾကည္ပါတယ္ေနာ္...ေအာက္မွာ ေလ့လာ နိဳင္ပါတယ္ေနာ္

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

သည္ေဘာက္ေလး တိုင္းကလ္စျပီး က်လာတဲ့ ေဘာက္ထဲမွာ ေအာက္က ကုဒ္ေတြ ထည့္ေပးလုိက္ပါ။

သည္ေခါင္းစဥ္ေလးရဲ႕ ပုံစံကို နမူနာ ၾကည့္လိုပါက   သည္မွာ   သြားလုိက္ပါေနာ္။

                <style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px !important}#cssmenu ul{background:#CDCDCD;background:-webkit-linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);background:linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);border-top:1px solid #A8A8A8;-webkit-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);height:27px;list-style:none;margin:0;padding:0}#cssmenu ul ul{border-top:6px solid #a80329;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#cssmenu ul ul a{line-height:43px}#cssmenu ul ul ul{left:100%;top:0}#cssmenu li{float:left;padding:0 8px}#cssmenu li a{color:#666;display:block;font-weight:bold;line-height:30px;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{color:#000;text-decoration:none}#cssmenu li ul{background:#e0e0e0;border-left:2px solid #a80329;border-right:2px solid #a80329;border-bottom:2px solid #a80329;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover > ul{display:block}#cssmenu li li{display:block;float:none;padding:0;position:relative;width:225px}#cssmenu li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover{background:#949494;color:#000;opacity:1.0;filter:alpha(opacity=100)}#cssmenu p{clear:left}#cssmenu .active > a{background:#a80329;-webkit-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;-moz-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;color:#fff}#cssmenu .active > a:hover{color:white}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"><ul><li class="active"><a href="index.html"><span>Home</span></a></li><li class="has-sub"><a href="#"><span>Products</span></a><ul><li class="has-sub"><a href="#"><span>Product 1</span></a><ul><li><a href="#"><span>Sub Item</span></a></li><li class="last"><a href="#"><span>Sub Item</span></a></li></ul></li><li class="has-sub"><a href="#"><span>Product 2</span></a><ul><li><a href="#"><span>Sub Item</span></a></li><li class="last"><a href="#"><span>Sub Item</span></a></li></ul></li></ul></li><li><a href="#"><span>About</span></a></li><li class="last"><a href="#"><span>Contact</span></a></li></ul></div>

မွတ္ခ်က္ ။             ။  ကုဒ္အတြင္းမွ ေခါင္းစဥ္အမည္မ်ားကို   မိမိႏွစ္သက္သလို ေျပာင္းလည္းအမည္ေပးကာ လိုအပ္သလို ပြါးမ်ားနိဳင္ပါတယ္ေနာ္..

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

Blogger Dropdown Menu ကိုအရိုးရွင္းဆုံးနဲ႕ အလွပဆုံးေလး ဖန္တီးမယ္ ( လန္းမွလန္း )

မဂၤလာပါ  သည္ေန႕တင္တဲ့ နည္းလမ္းေလးကေတာ့... ဘေလာ့ကာတိုင္း စိတ္၀င္တစား ရွိတတ္ၾကတဲ့

Menu ဆိုတဲ့ ေခါင္းစဥ္ တစ္ခုပါဘဲ... ခုေခတ္စားေနတာက menu ေတြကို dropdown ေလးေတြနဲ႕

ဖန္တီးၾကတာပါဘဲ... သည္ေနရာမွာ  ေအာ္တိုပါတဲ့ တက္ပလက္ေတြ သုံးတဲ့ခါ ျပႆနာ မရွိေပမယ့္

မူရင္းတက္ပလက္ကို သုံးၾကတဲ့သေူတြအတြက္ေတာ့ အရမ္း အခက္ေတြ႕ေစပါတယ္...

နည္းလမ္းေတြမ်ားစြာ ရွိပါတယ္  ဒါေပမယ့္ က်ေနာ့္ ေအတြ႕အၾကံဳအရ မူရင္းတက္ပလက္ေတြမွာ

ထည့္ယူ၇တဲ့ dropdown menu ေတြ အေတာ္မ်ားမ်ားအဆင္မေျပတာ ေတြ႕ရတယ္... တင္လုိက္ရင္

dropdown ေတြက တက္ပလက္ အထဲ၀င္ေနတာ ေတြ ျဖစ္တတ္ပါတယ္...သည္နည္းလမ္းေလးကေတာ့

ဘေလာ့ကာ စလုပ္တဲ့ သူေတြအတြက္ ပိုအသုံး၀င္ပါတယ္... လြယ္ကူလို႕ပါ...ကဲ ေအာက္မွာ ထည့္နည္းနဲ႕

တင္ေပးလိုက္ပါတယ္ေနာ္... လိုအပ္တဲ့ ကုဒ္ေတြကို ယူျပီးသုံးလိုက္ပါ...

သည္ထဲမွာ dropdown menu အေရအတြက္ ( ရ ) ခုထိ လုပ္ေပးထားပါတယ္...မလိုအပ္ရင္ ျဖဳတ္နိဳင္သလို လိုအပ္ရင္ ထပ္တိုးနိဳင္ပါတယ္... အဆင္မေျပတာရွိ ခ်က္ေဘာက္မွာ စာခ်န္ခဲ့ပါ..

စမယ္ေနာ္.....

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

           <script src='မိမိဘေလာ့လင့္ထည့္ပါ/dd-level-menu.js' type='text/javascript'></script><style>/* ######### Drop Down Menu Bu HelperBlogger.com ######### */ /* ######### Matt Black Strip Main Menu Bar CSS ######### */ .ddsubmenustyle, .ddsubmenustyle div { /*topmost and sub DIVs, respectively*/ font: normal 13px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1.8px solid red; border-bottom-width: 0; visibility: hidden; z-index: 100; } .ddsubmenustyle ul { margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; border: 0px none; } .ddsubmenustyle li a { display: block; width: 170px; /*width of menu (not including side paddings)*/ color: black; background-color: lightyellow; text-decoration: none; padding: 4px 5px; border-bottom: 1.3px solid blue; } * html .ddsubmenustyle li { /*IE6 CSS hack*/ display: inline-block; width: 170px; /*width of menu (include side paddings of LI A*/ } .ddsubmenustyle li a:hover { background-color: black; color: white; } .downarrowpointer { /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0; } .rightarrowpointer { /*CSS for "right" arrow image added to drop down menu items*/ position: absolute; padding-top: 3px; left: 100px; border: 0; } .ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; } /* ######### Black Strip Main Menu Bar CSS ######### */ .mattblackmenu ul { margin: 0; padding: 0; font: bold 12px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #414141; overflow: hidden; width: 100%; } .mattblackmenu li { display: inline; margin: 0; } .mattblackmenu li a { float: left; display: block; text-decoration: none; margin: 0; padding: 6px 8px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141; } .mattblackmenu li a:visited { color: white; } .mattblackmenu li a:hover { background: black; /*background of tabs for hover state */ } .mattblackmenu a.selected { background: black; /*background of tab with "selected" class assigned to its LI */ } </style><div id="ddtopmenubar" class="mattblackmenu"> <ul><li> <a href="မိမိဘေလာ့လိပ္စာထည့္ပါ">HOME</a> </li><li> <a href="#" rel="ddsubmenu1">နည္းပညာဆိုင္ရာ</a> </li><li> <a href="#" rel="ddsubmenu3"> ေဆာ့၀ဲလ္ဆိုင္ရာ</a> </li><li> <a href="#" rel="ddsubmenu3"> သုတဆိုင္ရာ</a> </li><li> <a href="#" rel="ddsubmenu3"> စာေပဆိုင္ရာ</a> </li><li> <a href="#" rel="ddsubmenu3"> ေတးဂီတဆိုင္ရာ</a></li><li> <a href="#" rel="ddsubmenu3"> pcဆိုင္ရာ</a></li><li> <a href="#" rel="ddsubmenu3"> mobilesဆိုင္ရာ</a> </li></ul></div><script type="text/javascript"> ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") </script><ul class='ddsubmenustyle' id='ddsubmenu1'><li> <a href='#'>နည္းပညာ 1</a> </li><li> <a href='#'> နည္းပညာ 2</a> </li><li> <a href='#'> နည္းပညာ 3</a> </li><li> <a href='#'> နည္းပညာ 4</a> </li><li> <a href='#'> နည္းပညာ 5</a> </li><li> <a href='#'> နည္းပညာ 6</a> </li><li> <a href='#'> နည္းပညာ 7</a> </li></ul><ul class='ddsubmenustyle' id='ddsubmenu3'><li> <a href='#'>ေဆာ့၀ဲလ္ဆိုင္ရာ 1</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရာ 2</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရာ3</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရာ 4</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရာ 5</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရ6</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရ 7</a> </li><li> <a href='#'> ေဆာ့၀ဲလ္ဆိုင္ရ8</a> </li></ul><ul class='ddsubmenustyle' id='ddsubmenu3'><li> <a href='#'>သုတ 1</a> </li><li> <a href='#'> သုတ2</a> </li><li> <a href='#'> သုတ3</a> </li><li> <a href='#'> သုတ 4</a> </li><li> <a href='#'> သုတ 5</a> </li><li> <a href='#'> သုတ6</a> </li><li> <a href='#'> သုတ 7</a> </li><li> <a href='#'> သုတ 8</a> </li></ul><ul class='ddsubmenustyle' id='ddsubmenu3'><li> <a href='#'>စာေပ1</a> </li><li> <a href='#'> စာေပ2</a> </li><li> <a href='#'> စာေပ3</a> </li><li> <a href='#'> စာေပ4</a> </li><li> <a href='#'> စာေပ5</a> </li><li> <a href='#'> စာေပ6</a> </li><li> <a href='#'> စာေပ7</a> </li><li> <a href='#'> စာေပ8</a> </li></ul><ul class='ddsubmenustyle' id='ddsubmenu3'><li> <a href='#'>ဂီတ1</a> </li><li> <a href='#'> ဂီတ2</a> </li><li> <a href='#'> ဂီတ3</a> </li><li> <a href='#'> ဂီတ4</a> </li><li> <a href='#'> ဂီတ5</a> </li><li> <a href='#'> ဂီတ6</a> </li><li> <a href='#'> ဂီတ7</a> </li><li> <a href='#'> ဂီတ8</a> </li></ul><ul class='ddsubmenustyle' id='ddsubmenu3'><li> <a href='#'>pc1</a> </li><li> <a href='#'> pc2</a> </li><li> <a href='#'> pc3</a> </li><li> <a href='#'> pc4</a> </li><li> <a href='#'> pc5</a> </li><li> <a href='#'> pc6</a> </li><li> <a href='#'> pc7</a> </li><li> <a href='#'> pc8</a> </li></ul><ul class='ddsubmenustyle' id='ddsubmenu3'><li> <a href='#'>mobile 1</a> </li><li> <a href='#'> mobile 2</a> </li><li> <a href='#'> mobile 3</a> </li><li> <a href='#'> mobile 4</a> </li><li> <a href='#'> mobile 5</a> </li><li> <a href='#'> mobile 6</a> </li><li> <a href='#'> mobile 7</a> </li><li> <a href='#'> mobile 8</a> </li></ul>

ကုဒ္ထဲက အမည္ေတြကို စိတ္ၾကိဳက္ ျပဳျပင္ နိဳင္ပါတယ္ေနာ္  ထည့္တဲ့အခါမွာ မ်က္စိလည္ပါ့မယ္...

ပင္မ ေခါင္းစဥ္ အမည္နဲ႕ သူ႕ရဲ႕ ေခါင္းစဥ္ အပြါးေတြက တေနရာတည္းရွိမေနပါဘူးေနာ္... အဲတာေလးသတိျပဳ ေစလိုပါတယ္...

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာက္လုပ္ပုံ အဆင့္ဆင့္ အပုိင္း(၃)

1.3. Moderate Comments
ဘေလာ႔ဂ္မ်ားတြင္ ပိုစ္႔တစ္ခုခ်င္းစီကို Comment မွတ္ခ်က္ ေပးလို႔ရသည္။ မည္သူမဆို ေပးလို႔ရေအာင္ ခြင္႔ျပဳႏိုင္သလို
ကိုယ္ခြင္႔ျပဳလိုသူမ်ားကိုသာ မွတ္ခ်က္ေပးႏိုင္ေအာင္ သတ္မွတ္ေပးထားလို႔လည္း ရသည္။ Blospotက အသင္႔ေပးထားေသာ Comment System ကို အသံုးျပဳလို႔ ရသလို အျခားကိုယ္ႏွစ္သက္ေသာ စနစ္ကို အသံုးျပဳမည္ ဆိုလွ်င္လည္း အဆင္ေျပသည္။ ဤေနရာတြင္မူ Blogspot မွအသင္႔ေပးထားေသာ ကြန္မန္႔ စနစ္အေၾကာင္းကိုသာ ရွင္းျပသြားပါမည္။


Moderate Comments ဆိုသည္မွာ Comments မ်ားကို ထိန္းခ်ဳပ္ျခင္းပင္ ျဖစ္သည္။ အျခားသူမ်ားကို မျမင္ေစခ်င္ေသာ အခ်ိဳ ႔ေသာ Comments မ်ားကို ခြင္႔မျပဳေသးဲ ဆိုင္းငံ႔ထားႏိုင္သည္။ ပယ္ဖ်က္ ပစ္ႏိုင္သည္။ သို႔မဟုတ္ ကိုယ္႔ဘေလာ႔ဂ္ကို ဖတ္ရႈေသာ မည္သူကိုမဆို Comments လုပ္ခြင္႔ ေပးႏိုင္သလို၊ Comments ေပးႏိုင္ခြင္႔ကို သတ္မွတ္ထားေသာ သူမ်ားမွသာ ရရွိရန္ သတ္မွတ္ေပးႏိုင္သည္။ ယင္းသို႔ ထိန္းခ်ဳပ္ႏိုင္ရန္အတြက္မူ မိမိဘေလာ႔ဂ္၏ Comment စနစ္ကို Setting ေအာက္မွ Comments က႑တြင္ သြားေရာက္ ျပင္ဆင္ေပးရမည္ ျဖစ္သည္။ Blogger ၏ အသင္႔သံုး မွတ္ခ်က္ စနစ္မွာ လူတိုင္းကို မွတ္ခ်က္ေပးႏိုင္ေအာင္ ခြင္႔ျပဳထားသည္။ ထို႔ေၾကာင္႔ ထိုစနစ္ကို သြား၍ မျပင္ဆင္သမွ် မိမိဘေလာ႔ဂ္တြင္ လူတိုင္းေပးေသာ မွတ္ခ်က္မ်ားကို အလိုအေလ်ာက္ ေဖာ္ျပေနမည္ ျဖစ္သလို ယခု Posting>Moderate Comment ခလုတ္ကို ႏွိပ္လွ်င္လည္း ဘာမွ ျမင္ရမည္ မဟုတ္ေပ။ Moderate လုပ္စရာ Comments မရွိဘူး ဟူ၍သာ ေျပာေပလိမ္႔မည္။
2. SettingSetting က႑တြင္ အပိုင္း (၇)ပိုင္း ရွိသည္။
1. Basic
2. Publishing
3. Formatting
4. Comments
5. Archiving
6. Site Feed
7. Email
8. Permissions စသည္တို႔ ျဖစ္သည္။2.1. Basic
ယင္းက႑သည္ ဆိုဒ္တစ္ခုလံုး၏ အေျခခံ အဆင္႔ျဖစ္သည္။ အဓိက အပိုင္း ကိုးပိုင္း ပါဝင္သည္။ ယင္းတို႔မွာ
1. Title (ဘေလာ႔ဂ္ ေခါင္းစဥ္)
2. Description (ဘေလာ႔ဂ္ အေၾကာင္းအရာ)
3. Add your blog to our listings? (Blogger.com မွာ ေဖာ္ျပမွာလား)
4. Let search engines find your blog? (Search Engine ေတြကို အလိုအေလ်ာက္ ရွာခြင္႔ျပဳမွာလား)
5. Show quick editing on your blog? (ပိုစ္႔ေတြကို အလြယ္တကူ ျပင္တဲ႔ ခလုတ္ တပ္မွာလား)
6. Show email post links? (ပိုစ္႔ေတြကို အီးေမးလ္နဲ႔ ပို႔လို႔ရတဲ႔ လင္႔ခ္ ထားေပးမွာလား)
7. Show compose mode for all your blogs? (ဘေလာ႔ဂ္ေတြမွာ တိုက္ရိုက္ပိုစ္႔ တင္တဲ႔စနစ္ ထားမွာလား)
8. Show transliteration button for your posts? (စာရိုက္တဲ႔ ေနရာမွာ ဘာသာျပန္တဲ႔ ခလုတ္ ထားမွာလား)
9. Delete your blog? (လုပ္ထားတဲ႔ ဘေလာ႔ဂ္ကို ဖ်က္မွာလား)



Po

သည္ဆိုဒ္ေလး ျဖစ္ဖို႕ က်ေနာ္ စိတ္ကူးယဥ္ခဲ့တာ ျကာပါျပီဗ်ာ.. စုေဆာင္းထားသမွ်ေလးေတြနဲ႕ ျကိဳးစားထူေထာင္လိုက္ပါျပီ။ က်ေနာ့္ရဲ႕ ျမင္ဆရာ kp-3 ကိုအားက်မိလို႕ပါ။ အားေပးမွဳကိုအစဥ္ေလးစားလွ်က္ပါ။ တုန္ျပန္မွဳေလးတစ္ခုအေနနဲ႕...စကားေလးတစ္ခြန္းဘဲ ခ်န္ခဲ့ရင္ ေက်နပ္ပါျပီ။

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာက္လုပ္ပုံအဆင့္ဆင့္ အပုိင္း(၂)

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

ဘေလာ႔ဂ္တစ္ခု တည္ေဆာက္ရာတြင္ အဓိက အခန္းက႑ သံုးခုရွိသည္။ ယင္းတို႔မွာ
• Posts
• Setting
•Layouts
စသည္တို႔ျဖစ္သည္။ Posts အပိုင္းမွာ စာရိုက္ျခင္း၊ တင္ျခင္းမ်ားႏွင္႔ သက္ဆိုင္သည္။ Setting အပိုင္းမွာ ဘေလာ႔ဂ္ကို မည္သို႔ ထိန္းခ်ဳပ္မည္၊ မည္သုိ႔ တင္ျပမည္ စသည္တို႔ႏွင္႔ သက္ဆိုင္သည္။ Layout အပိုင္းမွာ ဘေလာ႔ဂ္၏ အဆင္အျပင္ႏွင္႔ ဖြဲ႔စည္းမႈ ပံုစံမ်ားကို ဖန္တီးယူေသာ အပိုင္းျဖစ္သည္။

(၁) Posting (စတင္ျခင္း)
ိdashboard မွာျမင္ေနျဖစ္ပါတဲ့ Post ဆုိတာေလးကုိ ႏွိပ္မယ္ဆုိရင္ ကၽြန္ေတာ္တုိ႔ဟာ စာရုိက္တဲ့ေနရာကို တုိက္ရုိက္ေရာက္သြားမွာျဖစ္ပါတယ္။ Posting ေခါင္းစဥ္ေအာက္က creat, Edit Post, Moderate Commant စသည္ျဖင့္ ရွိေနပါတယ္။
Creat က ပုိ႔စ္အသစ္ေတြကုိ ဖန္တီးေရးသားတာ
Edit Post က ပုိ႔စ္ေတြကုိ ျပန္ျပင္တာ
Moderate Commant က သူမ်ား ေပးလာတဲ့ မွတ္ခ်က္ေတြကုိ ထိန္းခ်ဳပ္ထားတာပါ။

ဒီပုံမွာ ပိုစ္႔တစ္ခုတင္ျခင္းႏွင္႔ ပတ္သတ္ေသာ အရာအားလံုးကို ျပသထားပါသည္။ ကိုယ္ရိုက္ခ်င္ေသာ စာသားမ်ားကို အျပာေရာင္ ျပထားေသာ ေနရာတြင္ ရိုက္ရပါမည္။ ျမန္မာလို စာသားထည္႔သြင္းျခင္းမ်ားအတြက္ ဘေလာ႔ဂါ အမ်ားစုက ေဇာ္ဂ်ီ ကီးဘုတ္ႏွင္႔ ေဖာင္႔ကို အသံုးျပဳၾကသည္။ ယင္းအေၾကာင္းကို ေနာက္ပိုင္း အခန္းတြင္ ဆက္ရွင္းျပပါမည္။ စာရိုက္ၿပီးသြားလွ်င္ မိမိ၏စာႏွင္႔ သက္ဆိုင္ေသာ ေခါင္းစဥ္ကို Title ေနရာတြင္ တပ္ေပးရပါမည္။ Labels ဆိုသည္မွာ ကိုယ္ေရးထားေသာ စာႏွင္႔ ကိုက္ညီေသာ နာမည္တစ္ခု ျဖစ္သည္။ ဥပမာအားျဖင္႔ ကိုယ္က ခရီးသြားအေတြ႔အၾကံဳတစ္ခု ေရးသားသည္ဆိုလွ်င္ Travel လိုနာမည္မ်ိဳး ေပးျခင္း ျဖစ္သည္။ ယင္းေလဘယ္လ္ ေပးျခင္းသည္ ေနာက္ပိုင္းတြင္ မိမိ၏ ပိုစ္႔မ်ားကို သက္ဆိုင္ရာ က႑အလိုက္ ျပန္လည္ခြဲျခားရာတြင္ အထူးအေရးပါသည္။ ထို႔ေၾကာင္႔ စာတစ္ပုဒ္ ေရးၿပီးတိုင္းတြင္ ယင္းစာႏွင္႔ ပတ္သတ္ေသာ ေလဘယ္မ်ားကို သတိမေမ႔ေစဘဲ မွတ္မွတ္သားသား ေပးသင္႔သည္။ စာသားမ်ားကို ဘယ္ကပ္၊ ညာကပ္၊ Text Alignment မ်ားျပဳလုပ္လိုလွ်င္လည္း Text Editor တြင္ လြယ္ကူစြာ ေျပာင္းလဲႏိုင္သည္။ အားလံုး ၿပီးသြားေသာ္လည္း စာကို အင္တာနက္ေပၚသို႔ ခ်က္ခ်င္း မတင္ခ်င္ေသးဘူးဆိုလွ်င္ Save Now ဟူေသာ ခလုတ္ကို ႏွိပ္ျခင္းျဖင္႔ သိမ္းထားႏိုင္သည္။ ထိုသို႔မဟုတ္ဘဲ ခ်က္ခ်င္း အင္တာနက္ေပၚ တိုက္ရိုက္ တင္မည္ဆိုလွ်င္ Publish Post ဆိုသည္ကို ႏွိပ္လိုက္သည္ႏွင္႔ မိမိစာသည္ ဘေလာ႔ဂ္ေပၚ တင္ၿပီးသား ျဖစ္သြားေပလိမ္႔မည္။ ယင္းသို႔ စာရိုက္ရာတြင္ ပံုမ်ားကိုလည္း ပူးတြဲ တင္ျပႏိုင္သည္။ ယင္းသို႔ ပံုတင္ရာတြင္ ၂မ်ိဳးရွိသည္။ မိမိ၏ ဘေလာ႔ဂါ အေကာင္႔မွ ပံုကို မိမိဘေလာ႔ဂ္တြင္ တင္ျခင္းႏွင္႔ ဘေလာ႔ဂါမဟုတ္ေသာ အျခားအေကာင္႔မွပံုကို မိမိဘေလာ႔ဂ္တြင္ တင္ျခင္းဟူ၍ ျဖစ္သည္။

မိမိ၏ ဘေလာ႔ဂ္ အေကာင္႔တြင္ တိုက္ရိုက္တင္ျခင္း
ပထမ ကိုယ္တင္ခ်င္တဲ႔ ပံုကို စက္ထဲကေန ေရြးေပးပါ။ တစ္ပံုထက္ ပိုတယ္ဆိုရင္ Add Another Image ဆိုတာေလးကို ႏွိပ္ရပါမယ္။ ပံုကို ဘေလာ႔ဂ္ေပၚမွာ ဘယ္လို ေပၚေစခ်င္သလဲ ဆိုတာကိုေတာ႔ ဒုတိယ အဆင္႔ အေနနဲ႔ ေရြးေပးရပါတယ္။ ဘယ္ဘက္မွာလား၊ ညာဘက္မွာလား စသည္ျဖင္႔။ ေနာက္ဆံုးကေတာ႔ Image Size ေရြးေပးရတာပါ။ စမ္းသပ္ခ်က္မ်ားအရ Medium ကအေကာင္းဆံုးပါ။ အားလံုး ၿပီးသြားရင္ ေအာက္ဆံုးက Upload Image ဆိုတာကို ႏွိပ္ေပးလိုက္ပါ။

ႏွိပ္ေပးလိုက္ပါ။အထက္ပါကဲ႔သို႔ ပံုတင္ၿပီးသြားၿပီျဖစ္ေၾကာင္း အေၾကာင္းၾကားစာ ေပၚလာလွ်င္ Done ကိုႏွိပ္ၿပီး အတည္ျပဳေပးလိုက္ပါ။ ၿပီးလွ်င္ ယခင္အဆင္႔တြင္ ျပထားသကဲ႔သို႔ စာကို ပံုႏွင္႔တကြ မိမိဘေလာ့ဂ္ေပၚသို႔ Publish ကိုႏွိပ္ၿပီး တိုက္ရိုက္ တင္ႏိုင္ၿပီ ျဖစ္သည္။

Edit Posts
ယခု အပိုင္းမွာ ယခင္ ေရးသြင္းထားၿပီးသား ပိုစ္႔မ်ားတြင္ တစ္ခုခု အမွားအယြင္း ရွိလွ်င္ေသာ္လည္းေကာင္း၊ အျခား အေၾကာင္းအမ်ိဳးမ်ိဳး ေၾကာင္႔ေသာ္လည္းေကာင္း ျပင္ဆင္ တည္းျဖတ္မႈ ျပန္လည္ ျပဳလုပ္လိုလွ်င္ အသံုးျပဳရသည္။

Edit Posts က႑ေအာက္တြင္ ရွိေနေသာ ပိုစ္႔ သံုးခုကို ေတြ႔ရမည္ ျဖစ္သည္။ ယင္းပိုစ္႔မ်ားထဲမွ တစ္ခုခုကို ျပင္ခ်င္လွ်င္ သက္ဆိုင္ရာပိုစ္႔၏ ေဘးတြင္ ရွိေနေသာ Edit ဆိုသည္႔ ခလုတ္ကို ႏွိပ္ေပးရန္သာ ျဖစ္သည္။ ထိုအခါ ယခင္ တင္ခဲ႔ေသာ ျပင္ဆင္လိုသည္႔ ပိုစ္႔သည္ Create အဆင္႔မွာကဲ႔သို႔ ျပန္ေပၚလာမည္ ျဖစ္သည္။ ထိုအခ်ိန္တြင္မွ ပံုအသစ္မ်ား၊ စာသားအသစ္မ်ား ထည္႔သြင္းမည္ ဆိုလွ်င္လည္း ရသည္။ တင္ထားၿပီးသား စာမ်ား ပိုစ္႔မ်ားကို ဖ်က္မည္ဆိုလွ်င္လည္း ရသည္။ ယင္းက႑ထဲတြင္ ပိုစ္႔မ်ားႏွင္႔ သက္ဆိုင္ေသာ Labels မ်ားကိုလည္း ေတြ႔ႏိုင္သည္။

ညီေနမင္း (နည္းပညာ)

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More