Jan 27, 2014

မဂၤလာသူငယ္ခ်င္းမိတ္ေဆြမ်ားခင္ဗ်
က်ေနာ္လည္းခဏခဏဖ်ားေနလို႔ေဆာ့၀ဲေလးေတာင္ပံုမွမတင္နိုင္ခ့ဲဘူးဗ်
ဒီတစ္ခါေတာ့ေဆာ၀ဲမဟုတ္ပါဘူး မိမိအသံုးလိုအပ္ေနတ့ဲေဆာ့၀ဲေတြကို
အလြယ္တကူရွာျပီးေဒါင္းတ့ဲနည္းလမ္းေလးပါ က်ေနာ့္ရ့ဲစားက်က္ေလးေပါ့ဗ်ာ
အခုေတာ့က်ေနာ္လွ်ိဳ႕၀ွက္ခ်က္ စားက်က္ေလးကိုမသိေသးသူးမ်ားသိရေအာင္ျပန္လည္းမွ်ေ၀လိုက္ပါတယ္
အခုေဆာ့၀ဲရွာတ့ဲနည္းေလးသိထားရင္က်ေနာ္တို႔ဆိုဒ္ေတြေတာင္လာစရာလိုေတာ့ဘူး:P
ေဆာ့၀ဲေတြတင္တ့ဲဆိုဒ္ ၆ဆိုဒ္ကိုျဖတ္ခုတ္ယူတ့ဲ Filecrop ဆိုဒ္ေလးပါ
မိမိလိုခ်င္တ့ဲေဆာ့၀ဲေတြကိုအခ်ိန္တိုတြင္းရွာေဖြနိုင္ပါတယ္ တင္ထားတာရွိရင္ေပါ့
ဒီဆိုဒ္ေလးရ့ဲလင့္ေလးကိုအျမဲသိမ္းထားႀကေပါ့ဗ်ာ ဒါမွကိုယ္လိုခ်င္တာရွိရင္
ဒီမွာတက္ရွာလို႔ရတာေပါ့ ကဲစိမ္းႀကည့္ခ်င္တယ္ဆိုရင္ေတာ့ေအာက္မွာႀကည့္လိုက္ဗ်
ဒီေနရာမွာ သြားလိုက္ပါျပီးရင္ေအာျက္ပါအတိုင္းႀကည့္လိုက္ပါ

အဆင့္(၁) အနီေရာင္ျပထားတ့ဲအကြက္ထဲမွာမိမိလိုခ်င္တ့ဲေဆာ့၀ဲနာမည္းရိုက္ထည့္လိုက္ပါ
အဆင့္(၂)အစိမ္းေရာင္ျပထားတ့ဲေရာမွာ မိမိေဒါင္းေလာ့ဆြဲခ်င္တ့ဲဆိုဒ္ကိုေရြးျပီးအမွန္ျဖစ္ေပးပါ
အဆင့္(၃)အျပာေရာင္ျပထားတ့ဲ Fearch File ဆိုတာေလးကိုကလစ္ႏွိပ္လိုက္ပါ


အဆင့္(၄) ေတြ႔ရပါျပီေဆာ့၀ဲေတြက်ေနာ္ရွာျပထားတာ Photoshop ဆိုေတာ့
Photoshop ေတြေပၚလာပါျပီ မိမိေဒါင္းခ်င္တာေလးေရြးျပီးကလစ္လိုက္ပါ



 အဆင့္(၅) ေဒါင္းရမ့ဲေနရာေရာက္ပါျပီ MediaFire ဆိုဒ္ကေနေဒါင္းမယ္ဆိုရင္
အနီေရာင္ျပထားတ့ဲအကြက္ထဲကလင့္ေတြကို Select all လုပ္ျပီး Copy ကူးလိုက္ပါ
copy ကူးျပီးရင္အေပၚက Navigation Toolbar မွာ Pste လုပ္ျပီးေဒါင္းလိုက္ပါ
အဆင့္(၆) အစိမ္းေရာင္ျပထားတ့ဲလင့္ကိုႏွိပ္ျပီးေဆာ့၀ဲတင္ထားသူရ့ဲ
ဘေလာ့ဆိုဒ္ထဲကိုသြားေရာက္ႀကည့္နိုင္ပါတယ္ မိမိေဒါင္းလိုက္တ့ဲေဆာ့၀ဲမွာ
password ခံထားလား  Key ေတြေပးထားလားသိရေအာင္၀င္ႀကည့္ဖို႔ပါပဲ


အဆင့္(၇) MediaFire ဆိုဒ္ကလြဲလို႔အျခားဆိုဒ္ ၅ဆိုဒ္ဆိုရင္ေအာက္ပါအတိုင္း
အနီေရာင္ျပထားတ့ဲလင့္ကိုႏွိပ္လိုက္ပါ ေဒါင္းယူရမ့ဲေနရာတန္းေရာက္ပါတယ္
အစိမ္းေရင္ျပထားတ့ဲဟာကေတာ့အေပၚမွာေျပာခ့ဲသလိုပါပဲ

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

 ကဲစမယ္ေနာ္...
အဆင့္ (၁)...... အေနနဲ႕ ေဘလာ့ကာ ၀င္လိုက္ပါေနာ္...


ဘေလာ့ကာ မွတဆင့္ Template ဆိုတာကို ကလစ္၀င္လုိက္ပါ...
အဆင့္ (၂) ........အေနနဲ႕ကေတာ့ ေအာက္ကပုံကို ၾကည့္ပါ။


 အေပၚမွာ ျပထားတဲ့ Backup/ Restore ဆိုတာေလးကို ကလစ္ေပးလိုက္ပါ။
အဆင့္  (၃).........ကေတာ့ ေအာက္မွာဆက္ၾကည့္ပါေနာ္...


သည္ေနရာမွာ Download full Template ဆိုတာေလးက မိမိတို႕ အေဟာင္းကိုျပန္လည္ ေဒါင္းယူထားဖို႕ျဖစ္ပါတယ္...ကလ္စျပီးေဒါင္းလုိက္တာနဲ႕ xml ဖိုင္ေလးတစ္ခု ရမွာပါ..သိမ္းထားလိုက္ေပါ့...လိုအပ္ရင္ အေဟာင္းကိုျပန္သုံးနိဳင္ပါတယ္။
Browse  ဆိုတာကိုကလစ္တာနဲ႕  မိမိတို႕ ေျပာင္းလဲ အစားထိုးလိုတဲ့ တက္ကလက္ အသစ္ရဲ႕ xml ဖိုင္ဆီကိုအေရာက္သြားျပီး ေရြးေပးလုိက္ပါ...ျပီးတာနဲ႕ အသစ္ဖိုင္ေလးကို ထည့္ေပးလို္ကေပါ့။
ေနာက္ဆုံးအေနနဲ႕  Upload ဆိုတာကလစ္လုိက္ပါ...ခဏၾကာတာနဲ႕ မိမိတို႕ဘေလာ့ရဲ႕ တက္ပလက္ ဒီဇိုင္းဟာ အသစ္တိုင္း ေျပာင္းလဲေနပါျပီ....


မွတ္ခ်က္  ။      ။ တက္ပလက္ အသစ္ေတြကို ေဒါင္းယူနည္းနဲ႕ xml ယူနည္းေတြကို နားမလည္ေသးသူရွိပါက  C-Box မွာစာခ်န္ျပီးေတာင္းဆိုနိဳင္ပါတယ္...

အဆင္မေျပတာဘဲျဖစ္ေစ မလုပ္တတ္တာဘဲျဖစ္ေစ moetharlinlatt7@gmail.comသ ုိ႕အပ္ျပီ
 ေမးျမန္းနုိင္ပါတယ္ခင္ဗ်ာ
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪
ကဲ လြယ္ပါတယ္ဗ်ာ စလုိက္ရေအာင္ဗ်ာ

ကဲ ဒီေနရာ ေလးကုိအ၇င္ သြားလုိက္ပါဗ်ာ

ပံုမွာျပထားတဲ႕အတုိင္းဆက္လုပ္ပါ



အထက္က Sign up လုပ္ျပီးသြား၇င္ ၀င္လုိက္ပါ



Look feel ဆုိတာကုိႏွိပ္လုိက္ပါ

၀ုိင္းျပထားတာကုိ ႏွိပ္လုိက္ပါ

မိမိႏွစ္သက္တဲ႕ပံုစံတစ္ခုကုိေရႊးလုိက္ပါ  ျပီး၇င္ Publish ကုိႏွိ္ပ္လုိက္ပါ

ေအာက္ကပံုက ကုတ္မ်ားကုိ ေကာ္ပီယူျပီးဘေလာ့ထဲမွာထည့္လုိက္ပါ
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ
  ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6. အေပၚက ယူလာတဲ့ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ
အဆင္မေျပတာဘဲျဖစ္ျဖစ္မလုပ္တတ္၇င္ဘဲျဖစ္ျဖစ္ moetharlinlatt7@gmail.com ကုိအပ္ျပီး
ေမးျမန္းနုိင္ပါတယ္ခင္ညာ အဆင္ေျပၾကပါေစ
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪


ဘေလာ့မွာ width ကုိ မိမိတုိ႔လုိသလုိ ခ်ဲ႕ႏုိင္/ခ်ံဳ႕ႏုိင္ေအာင္ ဒီပုိ႔စ္ေလးကုိ ေရးသားလုိက္ရပါတယ္။ မိမိနားလည္သလုိ တင္ျပထားျခင္းျဖစ္တဲ့အတြက္ အားနည္းခ်ိဳ႕ယြင္းခ်က္မ်ားရွိပါက နားလည္ခြင့္လႊတ္ေပးၾကပါလုိ႔ ဦးစြာေတာင္းပန္အပ္ပါတယ္။ လုိအပ္ခ်က္မ်ားရွိခဲ့ရင္လည္း ျဖည့္စြက္ေပးၾကေစလုိပါတယ္။


ဘေလာ့ရဲ႕ width ကုိခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္းျပဳလုပ္ဖုိ႔အတြက္ သူ႔ရဲ႕ အေျခခံသေဘာတရားေလးကုိေတာ့ သိဖုိ႔လုိအပ္ပါတယ္။ ဒါမွသာ မိမိတကယ္ ျပင္ဆင္တဲ့အခါ နားလည္လြယ္မွာျဖစ္ပါတယ္။ ဒါေၾကာင့္ Template ကုိ အၾကမ္းဖ်ဥ္းအားျဖင့္ header-wrapper ၊ outer-wrapper နဲ႔ footer ဆုိၿပီး (၃)ပုိင္း ပုိင္းျခားထားေၾကာင္းကုိ သိထားရပါ့မယ္။ အဲဒီ (၃)ပုိင္းစလုံးရဲ႕ width ေတြကလည္း တူညီေနရပါ့မယ္။ ဥပမာ.. header-wrapper ရဲ႕ width က 980px ဆုိရင္ outer-wrapper နဲ႔ footer တုိ႔ရဲ႕ width ေတြကလည္း 980px စီပဲ ရွိၾကရပါမယ့္။ ဒါမွသာ အခ်ိဳးညီလွပတဲ့ Template တစ္ခု ျဖစ္ပါလိမ့္မယ္။
header-wrapper = outer-warpper = footer
အဲဒီ အပုိင္းႀကီး(၃)ပုိင္းအနက္ outer-wrapper အေၾကာင္းကုိ ထပ္ေျပာပါ့မယ္။ outer-warpper ဆုိတာကေတာ့  main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုကုိ ေပါင္းထားတာပဲျဖစ္ပါတယ္။ သေဘာကေတာ့ outer-wrapper ရဲ႕ width ဟာ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုေပါင္းတာနဲ႔ ညီပါတယ္။
ဥပမာ...
outer-wrapper = 980px ဆုိပါက..
main-wrapper + sidebar-wrapper = 980px ျဖစ္ရပါမယ္။
outer-wrapper = main-wrapper + sidebar-wrapper (sidebar တစ္ခုသာပါသည့္ template မ်ားအတြက္)
outer-wrapper = main-wrapper + right-sidebar-wrapper + left-sidebar-wrapper (sidebar ႏွစ္ခုပါသည့္ template မ်ားအတြက္)
ဒါေပမယ့္ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုအၾကားမွာေတာ့ margin ေတာ့ထားေပးရပါတယ္။ တစ္ခုနဲ႔တစ္ခု ထိစပ္ေနရင္ ၾကည့္ရတာလည္း အဆင္ေျပမွာမဟုတ္ပါဘူး.။ ဒါေၾကာင့္ margin အတြက္ 30px, 40px.. စသည္ျဖင့္ ထားေပးရပါတယ္။ ေအာက္မွာ ေပးထားတဲ့ နမူနာပုံေလးေတြကုိၾကည့္ၾကပါခင္ဗ်ာ..။


အေပၚကပုံေတြကုိၾကည့္မယ္ဆုိရင္...
Sidebar တစ္ခုသာပါတဲ့ Template အတြက္..
Main + margin + sidebar = outer
640px + 30px + 310px = 980px

Sidebar ႏွစ္ခုပါတဲ့ Template အတြက္
left-sidebar + margin + main + margin + right-sidebar = outer
200px         + 30px   +520px + 30px + 200px             = 980px
ဒါဆုိရင္ေတာ့ Template ရဲ႕အေျခခံသေဘာတရားကုိ နားလည္ေလာက္ၿပီလုိ႔ထင္ပါတယ္။ အခု မိမိတုိ႔ရဲ႕ Template width ေတြကုိ လုိအပ္သလုိျပင္ၾကည့္ၾကရေအာင္..။ မူလက 980px ရွိတဲ့ Sidebar (၂)ခုပါ Template ကုိ 1200px အျဖစ္ ျပင္ၾကည့္ပါမယ္..။ 
မိမိတုိ႔ရဲ႕ဘေလာ့မွာ sign in လုပ္ၿပီး Design ေအာက္က Edit HTML ကုိသြားပါ။ ထုံးစံအတုိင္း Download Full Template လုပ္ၿပီး မိမိတုိ႔ရဲ႕ ဘေလာ့ကုိ backup လုပ္ထားလုိက္ပါ။


Expand Widget Templates ကုိ အမွန္ျခစ္မေပးပါနဲ႔။


Ctrl + F နဲ႔ “#header-wrapper”, “#outer-wrapper”, “#main-wrapper”, and “#footer” ဆုိတဲ့ code ေတြကုိရွာပါ..

#header-wrapper {
width:980px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#outer-wrapper {
width: 980px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 520px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#right-sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#left-sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#footer {
width:980px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
980px ရွိတဲ့ Template ကုိ 1200px အထိခ်ဲ႕မွာ ျဖစ္တဲ့အတြက္ အေပၚက code ေတြထဲက header-wrapper, outer-wrapper, footer တုိ႔ရဲ႕ width ေတြကုိ 1200px လုိ႔ျပင္လုိက္ပါ့မယ္။


outer-wrapper ရဲ႕ width ဟာ 1200px ျဖစ္သြားၿပီးျဖစ္တဲ့အတြက္ main-wrapper နဲ႔ sidebar (2)တုိ႔ရဲ႕ width စုစုေပါင္းကုိလည္း 1200px ျဖစ္ေအာင္ ျပင္ေပးရပါ့မယ္။ sidebar ေတြရဲ႕ width ဟာ မိမိဘေလာ့ရဲ႕ လုိအပ္ခ်က္နဲ႔ ကုိက္ညီၿပီးသားဆုိရင္ေတာ့ ျပင္စရာမလုိပါဘူး။ အကယ္၍ မကုိက္ဘူးဆုိရင္ေတာ့ ေျပာင္းေပးႏုိင္ပါတယ္။ မူလ sidebar ရဲ႕ 200px ကုိ 220px အထိ္ခ်ဲ႕ခ်င္တယ္ ဆုိပါစုိ႔ ။ ဒါဆုိရင္ 1200 ထဲက ေန margin (၂)ခုအတြက္ 60 (30px + 30px) ကုိဖယ္ၿပီး ေအာက္ပါအတုိင္းေျပာင္းေပးရပါမယ္။ ဒါမွသာ စုစုေပါင္း 1200 px ျဖစ္ပါလိမ့္မယ္။

main-wrapper=700px
left-sidebar=220px
right-sidebar =220px

အားလုံး ေျပာင္းၿပီးသြားရင္ေတာ့ save မလုပ္ေသးဘဲ preview အရင္ၾကည့္ပါ။ အဆင္ေျပတယ္ဆုိမွသာ Save လုပ္ပါ။
Template ခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္းအတြက္ကေတာ့ ဒီေလာက္ဆုိရင္ အနည္းငယ္ အေထာက္အကူျဖစ္ၿပီလုိ႔ ယူဆပါတယ္။ မရွင္းလင္းတဲ့အခ်က္အလက္မ်ားရွိရင္လည္း ေဆြးေႏြးေမးျမန္းႏုိင္ၾကပါတယ္။ တစ္လက္စတည္း ဒီပုိ႔စ္ေလးနဲ႔ ဆက္စပ္ေနတဲ့ မိမိတုိ႔ဘေလာ့ header banner ပုံေလးကုိ မိမိတုိ႔စိတ္ႀကိဳက္ ပုံေလးေတြနဲ႔ အစားထုိးတဲ့အေၾကာင္းကုိ ေျပာခ်င္ပါတယ္။ အခ်ိဳ႕ေသာ ဘေလာ့ေတြမွာ Header Banner ပုံေတြ အခ်ိဳးမက်တာကုိ ေတြ႕ေနရပါတယ္။ ဘာေၾကာင့္လဲဆုိေတာ့ မိမိဘေလာ့ Header ရဲ႕ width နဲ႔ မိမိအစားသြင္းမယ့္ banner ပုံရဲ႕ width တုိ႔ မကုိက္ညီတာေၾကာင့္ပဲျဖစ္ပါတယ္။ ဒါေၾကာင့္ မိမိဘေလာ့ရဲ႕ Header width က 1200px ဆုိရင္ မိမိအစားသြင္းမယ့္/အသုံးျပဳလုိတဲ့ Header image ရဲ႕ width ကုိလည္း 1200px ျဖစ္ေအာင္ photoshop လုိ image editor တစ္ခုခုကုိအသုံးျပဳႏုိင္ၾကပါတယ္။ အားလုံးအဆင္ေျပ ေပ်ာ္ရႊင္ခ်မ္းေျမ့ၾကပါေစခင္ဗ်ာ.......။
post by it-traveller
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪
 
က်ြန္ေတာ္အရင္တစ္ေခါက္တုန္းက Yellow Color Labels Widget ေလးတင္ေပးဖူးပါတယ္။
အခုက်ြန္ေတာ္ Black ေလးထပ္တင္ေပးလိုက္ပါတယ္။သူငယ္ခ်င္းတို႔ၾကိဳက္ႏွစ္သက္မယ္
ဆိုရင္ေအာက္မွာ လုပ္ပံုလုပ္နည္းရွင္းျပေပးထားပါတယ္။Template ကို Blackup လုပ္ထားပါ။
ပထမဆံုး Go to Blogger >> Template >> EditHTML သြားလိုက္ပါ။
အခုျပထားတဲ့ဟာကိုရွာလိုက္ပါ-  <b:skin>....</b:skin> ကိုရွာလိုက္ပါ။
ေအာက္မွာပံုေလးနဲ႔ျပထားပါတယ္.
 
ဟုတ္ျပီ အဲ့ဒီ့ 2 ခုၾကားကိုတစ္ခ်က္ကလစ္လိုက္ပါ။  </b:skin> tag ေလးရဲ႕အေပၚမွာ
ေအာက္ကကုဒ္ကိုကူးျပီးထည့္ေပးလိုက္ပါ။
#Label1 a{float:left;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:5px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
#Label1 a:hover{fbackground: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}
#Label1{width:320px;;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;}

ဒီေလာက္ဆိုရင္သူငယ္ခ်င္းတို႔ရဲ႕ဘေလာ့စ္မွာ အေပၚမွာျပထားတဲ့အမဲေရာင္စတိုင္ေလးျဖစ္ေနပါျပီ။
ျပီးရင္လည္း Save လုပ္ဖို႔မေမ့နဲ႔အုန္းေနာ္။
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪

သူငယ္ခ်င္းတို႔ရဲ႕ဘေလာ့စ္မွာလိုခ်င္တာကိုအလြယ္တစ္ကူရွာလိုရတဲ့ Search Keyword ေဘာက္
ထားခ်င္ရင္ ေအာက္မွာၾကိဳက္တဲ့ကာလာ ကိုေရြးယူနိုင္ပါတယ္။
ေအာက္ကကိုယ္ၾကိဳက္တဲ့အေရာင္ရဲ႕ ကုဒ္ကိုယူျပီး..
မိမိ Blogger ကေန Layout >> Add a Gedget  ထဲမွာထည့္ျပီး Save လုပ္လိုက္ရင္ျပီးပါျပီ။

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvmSAeKgn1W2gKHetuBhQGpB0m-i8pWfw0YZKhWejoqgu-8TWPeRzGQHMf4OOvDs3ya8dz7L10iFK8Sot6FJ0J6T4a74Gy-TolCyswmYoJvDql0hagwfc4h_-N-uGwx3SB5v5vmao_Aw/s1600/helperblogger.com-green.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
 
form#helperblogger-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
 
form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
 
form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-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...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>


<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(http://1.bp.blogspot.com/-3QS-Mh7cdm4/T9L_x-etZiI/AAAAAAAAB8Q/OXgi3sBFiRI/s1600/helperblogger.com-blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#helperblogger-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
  
form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-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...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>
- See more at: http://www.helperblogger.com/2012/06/another-set-of-beautiful-and-fresh.html#sthash.d6UwG6eQ.dpuf
<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH5MtsfCe8irGRjdFOKzC4S5gAjDbli52lzYxvTnFCLLVllrIGh1blKM-MZlY2u5EeJG6GlEzGaOpqTlZ4a54YkzuR00IySzPAym3WyX5dAgYUfGhNhD2ORz95VUdKJAUnVorFvzmEHvI/s1600/helperblogger.com-blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
 
form#helperblogger-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
 
form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
 
form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-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...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>


<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYLMRPwxAX7gdYreRqaqpCJazf4lMudjVQpL1qYA1Mdi3jIyFqYFdxfH1j9kuXz1cDaSnsq2B47-gmItDxfueexsWx6PmsBmw5CtnEKy8MZAgTtnG3x-uty-k1pck0zGpowsCw6RAj4Q/s1600/helperblogger.com-orange.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
 
form#helperblogger-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
 
form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
 
form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-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...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>






<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDcOcQB7kuX2P20hRkLLJOD_aANqSdIXprFK_r2VZltTBRrMXkUwaV5jABpTpXeUb9YdfQ78ivXhw25oXCFJysdMZZFdEiwVEEK-mMZR-BhUNLOaXgSGm40kNsI39Nw-U_xE9IAFCpIzA/s1600/helperblogger.com-purple.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
 
form#helperblogger-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
 
form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
 
form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-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...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

ျပီးရင္ေတာ့ Save  ေပါ့ေနာ္။
  ရန္ကုန္သား(နည္းပညာျမိဳ႕ေတာ္) http://mm-knowledge.blogspot.com
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪


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

  ျပီးရင္ Edit HTML

  ေအာက္က Code ကိုရွာလိုက္ပါ။

]]></b:skin>

 ေတြ႕ရင္ေအာက္က Code ကိုကူးျပီး  ]]></b:skin>  
အေပၚမွာထည့္ေပးလိုက္ပါ။


/* Post Image Shadow Effect by www.showmedreams.blogspot.com */
.post img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px #FF0000;
-moz-box-shadow: 0 0 20px #FF0000;
box-shadow: 0 0 20px #FF0000;
}

Orange အေရာင္ေနရာမွာ မိမိၾကိဳက္ရာအေရာင္ကာလာကုဒ္ကို ထည့္သြင္းႏိုင္ပါတယ္။
ျပီးရင္ Template ကို Save လုပ္လို႔ရပါျပီ။
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪
ဘေလာ့  ဧည့္ေကာင္တာ လုပ္နည္းမသိသူမ်ားအတြက္ ရည္၇ြယ္ျပီး တင္ေပးလုိက္ပါျပီ
 ကဲစလုိက္ရေအာင္ဗ်ာ မခက္ပါဘူးဗ်ာ

 ကဲ ပထမဆုံး   သည္ကေန  သြားလိုက္ရေအာင္ေနာ္...။





 ပုံမွျပထားသလို Create Counter ကိုကလစ္ျပီး ၀င္လိုက္ပါ။


ပုံေလးကလိုဘဲ မိမိတို႕ အီးေမးအေကာင့္နဲ႕ singup ဆုိတာကုိ  ၀င္ျပီး ႏွိပ္လိုက္ပါ။

အီေမးမွာ မိမိအီေမးကုိျဖည့္လုိက္ပါ ပက္ေစ့၀က္ကေတာ့ မိမိၾကိဳက္ရာေပါ့ ျပီး၇င္ sign up ကုိႏွိပ္လုိ္္က္ပါ





Mythemes ကုိဆက္သြားပါ THEM NAME မွာ အဂၤလိပ္လုိ နံမည္တစ္ခုခုထည့္ပါ ျပီး၇င္ စိတ္ၾကိဳက္ ကလိၾကည့္ေပါ့ ကလိျပီး၇င္ Preview နဲ႕ၾကည့္လုိ႕ရျပီး စိတ္ၾကိဳက္ျဖစ္လွ်င္ Save လုိက္ပါ

My Counters ကုိဆက္သြားပါ မွ်ားျပထားတာေလးကုိႏွိပ္လုိက္ပါ

ဒီအဆင့္မွာနည္းနညး္အေ၇းၾကီးတယ္
Theme မွာ ခုနက ေပးထားတ႕ဲ အဂၤလိပ္လုိနံမည္ကုိ ျပန္ရွာၾကည့္လုိက္ပါ
Counter name မွာလညး္ Theme မွာ ေပးထားနံမည္ကုိျပန္ျဖည့္ေပးလုိက္ပါ
Start at ဆိုတာမွာ အသစ္ဆုိ၇င္ေတာ့ 0ကေနစေပါ့
Time zone မွာေတာ့ 6း30 Yangon(Rangoo) ဆုိတာကုိမျဖစ္မေနေ၇ႊးေပးလုိ္က္ပါ ျမန္မာျပည္မွ လူမ်ားအတြက္ေနာ္
ေနာက္ဆံုးအဆင့္ကေတာ့ Save လုိ္က္ပါ
  ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ


နားမလည္တာဘဲျဖစ္ျဖစ္ မလုပ္တတ္တာဘဲျဖစ္ျဖစ္ အကူအညိီလိုလွ်င္ moetharlinlatt7@gmail.comကုိ
အပ္ျပီးေမးျမန္းနုိ္င္ပါတယ္ခင္ဗ်ာ ေက်းဇူးတင္ပါသည္
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪


 
 ကဲဗ်ာ   မိမိတို႕ေဘလာ့မွာ   ခုလို လွပေသသပ္တဲ့   Button  လွလွေလးေတြကို သုံးလိုပါက...နည္းလမ္းေလးကိုမွ်ေ၀ခံစားလုိက္ပါျပီေနာ္... လုပ္နည္းနဲ႕  လိုအပ္တဲ့ ကုဒ္ေတြကို ေအာက္မွာ ေလ့လာလိုက္ပါေနာ္.....

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။


 သူငယ္ခ်င္းတို႔ရဲ႕ Blog Lables ေတြကိုအခုလို CSS3 Style ေလးနဲ႔ထားခ်င္တယ္ဆိုရင္
ေအာက္မွာဘယ္လိုလုပ္ရလဲဆိုတာအေသးစိတ္ရွင္းျပထားပါတယ္။
ပထမဆံုး မိမိတို႔ရဲ႕ ဘေလာ့စ္ကေန Template ကိုသြားလိုက္ပါ။
ျပီးရင္ Edit Html ထဲကိုႏွိပ္ျပီး၀င္လိုက္ပါ။ အေရးၾကီးတာက မိမိ Template ကိုအရင္
BackUp လုပ္ထားပါ။ျပီးရင္.. Ctrl+f ႏွိပ္ျပီးရွာ။ မ်က္စိအားေကာင္းရင္ေတာ့ ဒီတိုင္းရွာပါ။
 ]]></b:skin>  ဆိုတာေတြ႔ရင္ သူ႔အေပၚမွာ ေအာက္ကကုတ္ကိုကူးျပီး ထည့္ေပးလိုက္ပါ။
တစ္ခ်ိဳ႕ Templates ေတြမွာ ဒီလိုျဖစ္ေနတတ္ပါတယ္ </b:skin>...</b:skin>  ဒီလိုျဖစ္ေနရင္ အဲ့ဒီ့ 2ခုၾကားမွာ
ကလစ္တစ္ခ်က္ႏွိပ္လိုက္ပါ။ ဖြက္ထားတဲ့ DATA ေတြေပၚလာပါလိမ့္မယ္။




ခုနကရွာမေတြ႔တဲ့   ]]>< /b:skin> ကုဒ္ေလးေပၚလာပါျပီ။ အဲ့ဒီ့ကုဒ္ေလးရဲ႕အေပၚမွာေအာက္ကကုဒ္
ကိုကူးျပီး Paste လုပ္လိုက္ပါ။
label-size {
    float: left;
    margin: 0 0 7px 20px;
    position: relative;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
    color: #996633;
    text-shadow: 0px 1px 0px rgba(255,255,255,.4);
    padding: 0.417em 0.417em 0.417em 0.917em;
    border-top: 1px solid #d99d38;
    border-right: 1px solid #d99d38;
    border-bottom: 1px solid #d99d38;
    -webkit-border-radius: 0 0.25em 0.25em 0;
    -moz-border-radius: 0 0.25em 0.25em 0;
    border-radius: 0 0.25em 0.25em 0;
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
    -webkit-box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    z-index: 1;
}

.label-size:before {
    content: '';
    width: 1.30em;
    height: 1.39em;
    background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
    position: absolute;
    left: -0.69em;
    top: .2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #d99d38;
    border-bottom: 1px solid #d99d38;
    -webkit-border-radius: 0 0 0 0.25em;
    -moz-border-radius: 0 0 0 0.25em;
    border-radius: 0 0 0 0.25em;
    z-index: 1;
}

.label-size:after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background: #fff;
    -webkit-border-radius: 4.167em;
    -moz-border-radius: 4.167em;
    border-radius: 4.167em;
    border: 1px solid #d99d38;
    -webkit-box-shadow: 0 1px 0 #faeaba;
    -moz-box-shadow: 0 1px 0 #faeaba;
    box-shadow: 0 1px 0 #faeaba;
    position: absolute;
    top: 0.667em;
    left: -0.083em;
    z-index: 9999;
}

#Label1 {
    height: 210px;
}

.label-size:hover {
    background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
    border-color: #e1b160;
}

.label-size:hover:before {
    background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
    border-color: #e1b160;
}

။ျပီးရင္ေတာ့ Save Template ေပါ့ေနာ္။
  ရန္ကုန္သား(နည္းပညာျမိဳ႕ေတာ္) http://mm-knowledge.blogspot.com
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪


သူငယ္ခ်င္းတို႔ေရ တစ္ခါတစ္ခါ မိမိရဲ႕ ဘေလာ့စ္မွာ ဒီလို Widget မ်ိဳးေတြဖူးမွာပါ။
ျဖတ္လို႔လဲမရ ၊ ဘယ္လိုလုပ္ရမွန္းလဲမသိေတာ့ဒီအတိုင္းပဲထားမိတယ္။
အခုဒါေလးကိုဘယ္လိုျဖတ္မလဲဆိုတာ ေျပာျပခ်င္ပါတယ္။
1. မိမိရဲ႕ Template ထဲကို၀င္လိုက္ပါ။
2. Go to Design >> Edit HTML ထဲ၀င္သြားလိုက္ပါ။
3. "Attribution" ဆိုတာကိုရွာလိုက္ပါ။ေအာက္မွာပံုနဲ႔ျပထားပါတယ္။
အဲ့ဒီ့မွာ  locked='true' ေတြ႔တယ္ေနာ္။ဒီလိုေလး locked='false' လို႔ေျပာင္းလိုက္ပါ။
ျပီးရင္ေတာ့ save template လုပ္ဖို႔မေမ့နဲ႔အုန္းေနာ္။

http://mm-knowledge.blogspot.com 
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪


သူငယ္ခ်င္းတို႔ Blogsite ကေနပိုစ့္ေတြကို Copy ကူးလို႔မရေအာင္ Right Click ကို Disable
လုပ္ထားမယ္ဆိုရင္ေတာ့ အလြယ္ဆံုးနည္းေလးတစ္ခုကိုေျပာျပခ်င္ပါတယ္။
ဒါေပမယ့္ကိုသိထားတဲ့ နည္းပညာေတြကိုအမ်ားကိုမွ်ေ၀တယ္ဆိုရင္ေတာ့ မလုပ္ေစခ်င္ပါဘူး။
လုပ္မယ္ဆိုရင္လည္းလြယ္ကူတဲ့နည္းလမ္းေလးေပါ့ေနာ္ေျပာျပပါ့မယ့္။
ပထမဆံုးမိမိဘေလာ့စ္ရဲ႕ Template ကေန Edit Html ကိုႏွိပ္ျပီး  <body> ဆိုတဲ့
tag ထဲမွာပဲ oncontextmenu="return false;" ကိုထည့္ေပးလိုက္ရံုပါပဲ။
မရွင္းမွာစိုးလို႔ေအာက္မွာ ျပထားပါတယ္။
<body oncontextmenu="return false;"> အိုေခ ဒီေလာက္ဆိုရင္သူငယ္ခ်င္းတို႔
သေဘာေပါက္ေလာက္မွာပါ။ ျပီးရင္ေတာ့ Save လုပ္ဖို႔မေမ့နဲ႔အုန္းေနာ္။
 
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪
ဒါေလးကေတာ့ မိမိတို႕ဘေလာ့ လိပ္စားဘားေလးမွာ လွပေနဖို႕ Fvicon ဆိုတာေလးထည့္ၾကရေအာင္...။
  ပထမဆုံးး  သည္ေနရာ   ကိုသြားလုိက္ပါေနာ္.. ေအာက္ကပုံေလးလိုေနရာေရာက္မယ္။




 မိမိတို႕ လိုျခင္တဲ့ ပုံေလးကို စိတ္ၾကိဳက္ ေရြးခ်ယ္နိဳင္ပါတယ္.. စာလုံးအကၡရာေတြ လား ပုံေလးေတြလား  အစုံ ရွာနိဳင္တယ္.. ကုိယ္ၾကိဳက္တဲ့  ပုံေလး ေတြ႕ျပီဆိုတာနဲ႕  အဲပုံမွာ html embed cod and details  ဆိုတာေလးကို ကလစ္လိုက္ပါ။

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

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪

Viber ကေတာ့ မိတ္ဆက္စရာမလုိေအာင္ အားလုံးသိရွိၿပီး အသုံးၿပဳမ်ားတဲ့ Apkေလးပါ။ အဲဒီApkေလးကုိGoogle play Store မွာ Update ေပးလာၿပီး Version 4.2 ကုိ ေရာက္ရွိလာပါၿပီ။Playstoreအဆင္ေၿပသူမ်ားကေတာ့ တုိက္ရုိက္ Update လုပ္ႏုိင္ၿပီးအဆင္မေၿပသူမ်ား ကေတာ့ ေအာက္မွာေဒါင္းယူႏုိင္ပါတယ္။ 
  • Version 4.2 မွာထူးၿခားလာတာကေတာ့မိမိ Block ခ်င္ေသာ ဖုန္းနံပါတ္ Contact ကုိ Blockလုိ့ရတဲ့ Block Mode ပါ၀င္လာၿခင္းပါ။ 
  • တခ်ိန္တည္းမွာ Photos 10 ပုံကိုလည္း တုိက္ရုိက္ေပးပုိ့ႏုိင္ပါတယ္။ 
  • သင့္ရဲ့ Contact List မွ Viber ကုိေရြးခ်ယ္ၿပီး တုိက္ရုိက္လည္း ေရြးခ်ယ္ေခၚဆုိႏုိင္ပါတယ္။
  • သင့္ရဲ့ Messages မ်ားႏွင့္ Calls မ်ားကို မိမိစိတ္ၾကဳိက္ Ringtones ထား အသုံးၿပဳႏုိင္ပါတယ္။
  • Conversations Gallery လုိ့ေခၚတဲ့ အရင္တုန္းက မိမိပုိ့ထားတဲ့ ပုံေတြကုိ မိမိပုိ့တဲ့သူ့ရဲ့ နံပါတ္မွာ ၿပန္ၾကည့္ႏုိင္ပါတယ္။ ဖ်က္ၿပီးသားဆုိရင္ေတာ့ ပုံဘဲၿမင္ရၿပီး Save ေတာ့လုပ္လုိ့မရပါ။
က်န္ရွိေသာ ထူးၿခားမူမ်ားကေတာ့ မိမိဘာသာဆက္လက္အသုံးၿပဳၾကည့္ပါခင္ဗ်ာ.....
အစိမ္းေရာင္မင္းသား(ေဆာ့၀ဲၿမဳိ့ေတာ္)

<<<Playstoreမွတုိက္ရုိက္ေဒါင္းယူရန္>>>

အဆင္ေျပပါေစဗ်ာ
လြမ္းဦးေမာင္(ေျမာင္းျမသားေလး)ရဲ႕ဘေလာ့ေလးကုိ၀င္ေရာက္ၾကည့္ရွဳ႕အားေပးေနၾကေသာ
မိတ္ေဆြအားလုံးကုိရင္ဘတ္ၾကီးနဲ႕အမွ်ေက်းဇူးးတင္ပါတယ္ဗ်ာ..တုန္႕ျပန္မ႔ွုတစ္ခုအေနနဲ႕
ေတာင္းဆုိမွု႔တစ္ခုေတာ့ျပဳပါရေစ...သူငယ္ခ်င္းရဲ႕ေ၀ဖန္အၾကံေပးမွု႔နဲထပ္တူညီမွ်တဲ့
ကြန္မန္႔ေလးကုိထားရစ္ခဲ့ေစခ်င္ပါတယ္...

♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪
 

Credit to - Ko Nay
  
Facebook မွာ Viber မွ Comment Photos ေတြနဲ႔ ရုပ္ေျပာင္ Comment ေပးလို႔ရေအာင္
Viber Comment Photo ေတြ တင္ေပးလိုက္ပါတယ္ ...။ 
Free ရတဲ့ ပံုေတြပါပဲ Folder အလိုက္ခြဲထည့္ေပးထားပါတယ္ မိမိႀကိဳက္ႏွစ္သက္ရာ ပံုကိုေရြးခ်ယ္ၿပီး Comment ေပးရင္း ေပ်ာ္ရႊင္ႏိုင္ပါေစ... အားလံုးအဆင္ေျပၾကပါေစ ...။ 


DOWNLOAD HERE VIA MEDIAFIRE


အဆင္ေျပပါေစ..

ေမာင္ေပါက္< Knowledge Note >
www.maungpauk.org



Download : MB
Link 1
Link 2

Download အဆင္မေျပရင္ ေျပာပါ.. အဆင္ေျပေအာင္ အတတ္ႏိုင္ဆံုး ႀကိဳးစားေပးပါမယ္... အဆင္ေျပရင္ ေၾကာ္ျငာေလး တစ္ခ်က္ေလာက္ေတာ့ Click ၿပီး ဝင္ၾကည့္ေစခ်င္ပါတယ္..
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪
ေဘာလုံး Game ၀ါသနာရွင္မ်ားအတြက္ PES 2012 ေလးေတြ့ရွိလုိ့ ၿပန္လည္မွ်ေ၀လုိက္ပါတယ္။ Android ဖုန္းေပၚမွာဘဲ အလြယ္တကူ ရုပ္ထြက္ေကာင္းေကာင္းနဲ့ကစားႏုိင္မွာၿဖစ္ၿပီး Apk က 5Mb ရွိၿပီး Data File ကေတာ့ 151.32 Mb ရွိပါတယ္။ အရင္ဆုံး Apk ကုိဖုန္းထဲမွာ Install လုိက္ပါ။ ၿပီးရင္  "com.konami.pes2012" data ဖုိင္ေလးကုိ 
SD Card>>Android>>Data ဖုိဒါထဲကို ထည့္ၿပီးရင္ စတင္ကစားႏုိင္ပါၿပီ။ လုိခ်င္သူမ်ား ေအာက္မွာေဒါင္းယူႏုိင္ပါတယ္။




အစိမ္းေရာင္မင္းသား(ေဆာ့၀ဲၿမဳိ့ေတာ္)

<<<ဒီေနရာမွာေဒါင္းယူႏုိင္ပါတယ္>>>

♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪



Facebook မွာ ကိုယ့္ သူငယ္ခ်င္းေတြရဲ႕ Profile ကို ၀င္ၾကည့္ဖူးၾကတယ္ဟုတ္ ?
About ဆိုတဲ့ ေနရာမွာ တခ်ိဳ႕က ကိုယ့္ရဲ႕ G-mail ကို ျပထားတယ္...တခ်ိဳ႕က ဖြက္ထားတယ္..
ဖြက္ထားတဲ့ G-mail သိရင္ေတာ့ အဲ့ဒီ့ Account ကို Attack လုပ္ေပ့ါ  :3


ပထမဆံုး ကိုယ့္ရဲ႕ Facebook Account ကို Log-in ၀င္ထားရပါလိမ့္မယ္..
ျပီးရင္..    www.outlook.com ကိုသြားပါ။။...အေကာင့္သစ္ တစ္ခုဖြင့္ပါ...  Alternate Email ေနရာမွာ.  ကိုယ့္ Facebook Account ရဲ႕ Log-in Mail ကို ထည့္ပါ..
အေကာင့္ဖြင့္ ျပီးသြားရင္ ပံု ၁ က အတိုင္း ေပၚလာပါလိမ့္မယ္... ျမွားျပထားတဲ့ အတိုင္း ဘယ္ဘက္ေထာင့္ က  Outlook ဆိုတဲ့ ေဘးနားက ျမွားကုိနွိပ္ပါ..


Tab ေလးခု ေပၚလာရင္ .People ဆိုတဲ့ အနီကြက္ေလးကို ႏွိပ္ပါ..  ေလာေလာဆယ္ေတာ့ Facebook နဲ႕ မခ်ိတ္ရေသးတဲ့ အတြက္ No Contact လို႕ ဘယ္ဘက္မွာ ျပပါလိမ့္မယ္..
ျမွားျပထားတဲ့ အတုိင္း.. Facebook Friends ဆိုတာကို ႏွိပ္လိုက္ပါ... Window တစ္ခု ထပ္ပြင့္သြားျပီး Permissoon ေတာင္းရင္ Connect ကို နိပ္လိုက္ပါ...


  Facebook ထဲက Profile ေတြ ေပၚလာပါလိမ့္မယ္..
ျပီးရင္ေတာ့ ပံုမွာ ျပထားတဲ့ အတုိင္း Import email addresses from Facebook ကို ႏွိပ္ပါ..ေပၚလာတဲ့ Box ထဲမွာ Facebook Logo ကို Click တစ္ခ်က္ေက်ြးလိုက္ပါ..Box တစ္ခု ထပ္က်လာရင္ Okay ႏွိပ္ေပးပါ..



ျပီးရင္  ခဏေလာက္ေစာင့္ေပးပါ..  Sync လုပ္ေနတဲ့ အတြက္ ခဏေစာင့္ပါ..  Refresh လုပ္ေပးပါ..  ျပီးရင္ေတာ့ ေဘးနားက Friend တစ္ေယာက္ရဲ႕ ပံုကို ေထာက္ၾကည့္ပါ..
သူ႕ရဲ႕ Profile ေပၚလာပါလိမ့္မယ္..  အဲ့ထဲမွာ Log-in mail ဆိုတဲ့ ဟာလည္း ပါတာေပ့ါ  :)


Written By Einstein Kelvin   
<Myanmar IT Group>
♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪

Sample Text









Blog Archive

Blogger Tricks

မင္းကုိအရမ္းခ်စ္ေနမယ္

Contact Form

Name

Email *

Message *

Advertisement

a

Category 6

a

Sample Link List

a

Blog Roll

a

Blog Archive

Followers

ဗုဒၶဘုရားရွင္အားဦးထိပ္လွ်က္...





ဤဘေလာ့သည္အတုမရွိ ဗုဒၶျမတ္စြာဘုရားရွင္ေတာ္ျမတ္၏ ေအးျမေသာေမတၱာရိပ္ေအာက္တြင္တည္ရွိပါသည္။

Popular Posts

Recent Posts




moetharlinlatt7@gmail.com သုိ႕ဆက္သြယ္နုိင္ပါတယ္

Text Widget