Powered by Blogger.
နည္းပညာလြယ္အိတ္(ညီေနာင္)မွ လႈိုက္လွဲစြာၾကိဳဆိုပါသည္

Blog တစ္ခုအတြင္း ေဘာင္ခပ္ျခင္းအေထြေထြ

Thursday, October 10, 2013

ဘေလာ့ Template တစ္ခုလံုးကိုပဲျဖစ္ျဖစ္ ဘေလာ့ Template ထဲက Widget တစ္ခုခ်င္းစီကိုပဲျဖစ္ျဖစ္
ကိုယ္ႏွစ္သက္သလို ေဘာင္ခပ္တဲ့ နည္းပညာေလးတစ္ခုကို မွ်ေ၀ေပးခ်င္ပါတယ္ ..
အရင္ဆံုး Template ႀကီး တစ္ခုလံုးကို ေဘာင္ခပ္တဲ့နည္းကို မွ်ေ၀ေပးပါ့မယ္
ဒီနည္းရဲ႕ နမူနာ ( Demo ) ကို ၾကည့္ခ်င္တယ္ဆိုရင္ေတာ့ ကၽြန္ေတာ္အခုသံုးထားတဲ့ Template ႀကီးတစ္ခုလံုးရဲ႕ ေဘးပတ္ပတ္လည္မွာခပ္ထားတဲ့ ေဘာင္ကိုသာ ၾကည့္လိုက္ၾကပါလို႔ ..


ကဲ .. အရင္ဆံုး Blogger ကို Lon in ၀င္လိုက္ပါ ..
ၿပီးရင္ Template က ေန Edit HTML ကို ၀င္ပါ
HTML ကုဒ္ေတြထဲက ]]></b:skin>  ကို လိုက္ရွာပါ ...
ေတြ႕ၿပီဆိုရင္ အဲဒီ ]]></b:skin> ရဲ႕ အေပၚမွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ


#mblwrap {
      background: #Ffffff;
      width: 960px;
      margin: 10px auto 5px auto;
      padding: 0;
      position: relative;
      border-right: 15px solid #333;
      border-left: 15px solid #333;
      border-top: 10px solid #333;
      border-bottom: 15px solid #333;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      border-radius:10px;
      box-shadow: #333 0px 1px 3px;
    }



အဲဒီကုဒ္ေတြထဲက ကၽြန္ေတာ္ အနီေရာင္နဲ႔ ျပထားတဲ့ေနရာမွာ ကိုယ္ႏွစ္သက္တဲ့ အေရာင္ကုဒ္ကို ေျပာင္းလဲေပးႏိုင္သလို Border ရဲ႕ အထူအပါးကိုလည္း 15px, 15px, 10px စတဲ့ေနရာေတြမွာ လိုက္ၿပီး ခ်ိန္ၫွိေပးႏိုင္ပါေသးတယ္

ၿပီးရင္ <body> ကို ထပ္ရွာပါ ..
ေတြ႕ၿပီဆိုရင္ အဲဒီ <body> ရဲ႕ ေအာက္မွာ


<div id='mblwrap'>  
အဲဒီကုဒ္ကို ကူးထည့္လိုက္ပါ

ၿပီးရင္ </body> ကို ထပ္ရွာပါ ..
ေတြ႕ၿပီဆိုရင္ အဲဒီ </body> ရဲ႕ အေပၚမွာ </div> ဆိုတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ
အေပၚမွာထည့္တာ ေအာက္မွာထည့္တာေတြကို ေသခ်ာ ဂ႐ုစိုက္ေပးေစခ်င္ပါတယ္
Preview Template ကေန ဘေလာ့ကို ၾကည့္လို႔ အဆင္ေျပသြားၿပီဆိုရင္ေတာ့
Save Template ကို ႏွိပ္လိုက္႐ံုပါပဲ ...
ဒါဆိုရင္ေတာ့ Template ႀကီးတစ္ခုလံုးကို ေဘာင္ခပ္လို႔ ၿပီးသြားပါၿပီ ..

ေနာက္တစ္နည္းကေတာ့ Template ထဲမွာ ရွိတဲ့ Widget တစ္ခုခ်င္းစီကို ေဘာင္ခပ္မယ္ေပါ့
အရင္ဆံုး ကိုယ္ေဘာင္ခပ္ခ်င္တဲ့ Widget ID ကို သိေအာင္လုပ္ထားပါ ..
ဥပမာ .. Post ရဲ႕ Widget ID ကို သိခ်င္တယ္ေပါ့ .. Layout ကေန အဲဒီ Post ရဲ႕ ညာဖက္ေအာက္ေဒါင့္က Edit ကိုႏွိပ္လိုက္ရင္ ပြင့္လာတဲ့ ၀င္းဒိုးအေသးေလးရဲက Address bar ထဲမွာ Widget ID ကို ရွာလို႔ရပါတယ္ .. Template ထဲမွာ ရွာတတ္ရင္လည္း ရပါတယ္ ..
မ်ားေသာအားျဖင့္ေတာ့ Post ရဲ႕ Widget ID က Blog1 ျဖစ္ေနေလ့ရွိပါတယ္ ..
ကဲ .. အဲဒီ Post ေတြကို ေဘာင္ခပ္ေတာ့မယ္ေပါ့ဗ်ာ ..
Template က ေန Edit HTML ကို သြားလိုက္မယ္ေပါ့

HTML ကုဒ္ေတြထဲက ]]></b:skin> ကို လိုက္ရွာပါ ..
ေတြ႕ၿပီဆိုရင္ သူ႕ရဲ႕ အေပၚမွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ



#YourWidgetID {
padding: 5px;
border: 1px solid #ff0000;
}


ကုဒ္ေတြထဲက #ff0000 ကေတာ့ ကိုယ္ ေဘာင္အျဖစ္ခပ္မယ့္ အေရာင္ေပါ့ .. 
ကုဒ္ေတြထဲမွာ အနီေရာင္နဲ႔ျပထားတဲ့ YourWidgetID ဆိုတဲ့ေနရာမွာ ကိုယ္ ေဘာင္ခပ္ခ်င္တဲ့ Widget ရဲ႕ ID ကို ထည့္ေပးရမွာပါ
ဥပမာ .. ကၽြန္ေတာ္က Post ေတြကို ေဘာင္ခပ္ခ်င္တယ္ဆိုပါေတာ့ Post ရဲ႕ ID က Blog1 ဆိုပါေတာ့
ကုဒ္က ဒီလိုျဖစ္သြားမယ္

#Blog1 {
padding: 5px;
border: 1px solid #ff0000;
}

ၿပီးရင္ေတာ့ Save Template ေပါ့ ...
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး
Do you like this post? Please link back to this article by copying one of the codes below.
URL: HTML link code:
ေရးသားသူ at
Labels:
 
 
 
ဒီေနရာကေကာက္လာသည္ 
Posted by Unknown at 9:22 PM 0 comments
Labels:

ေရးထားသမွ်ေတြ ဒီေနရာမွာရွိပါတယ္ ဆိုတဲ့ Gadget ေလးအေၾကာင္း


post-image

ကၽြန္ေတာ့္ဘေလာ့ရဲ႕ ညာဖက္မွာထားထားတဲ့ “ေရးထားသမွ်ေတြ ဒီေနရာမွာရွိပါတယ္” ဆိုတဲ့ Widget ေလးအေၾကာင္းပါ ..

တကယ္ေတာ့ ဘာမွ မယ္မယ္ရရ လုပ္ထားတာမဟုတ္ပါဘူး ..

ကုဒ္ေတြကို သံုးေလးမ်ိဳးေလာက္ ေပါင္းစပ္အသံုးျပဳထားတာပါ

အဲဒီလို ဘေလာ့တစ္ခုလံုးမွာ ေရးထားသမွ်ေတြကို စုစည္းထားတဲ့ Page ကို Site Map လို႔လည္း ေခၚၾကသလို Table Of Contents ( TOC ) လို႕လည္း ေခၚၾကပါတယ္ ..


Site Map Page လုပ္တဲ့နည္းကိုေတာ့ ဒီပို႔စ္ မွာ သြားဖတ္ႏိုင္ပါတယ္ ...

အခု ကၽြန္ေတာ့္ ဘေလာ့ေလာ့ထဲက Site Map Page မွာ HTML mode ကေန ေရးထားတဲ့ကုဒ္က အဲဒီပို႔စ္မွာ တင္ေပးထားတဲ့ကုဒ္ မဟုတ္ေတာ့ပါဘူး ..
စတိုင္ေလးႀကိဳက္လို႔ သူမ်ားရဲ႕ကုဒ္ကို လွမ္းၿပီး လင့္ခ်ိတ္သံုးတဲ့နည္းနဲ႔ သံုးထားတာပါ ..
အခုေလာေလာဆည္ ကၽြန္ေတာ့္ဘေလာ့ရဲ႕ Site Map Page အတြက္ သံုးထားတဲ့ကုဒ္ကေတာ့ ေအာက္မွာေပးထားပါတယ္ ..



<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.itmotesoeway.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>


အသံုးျပဳရတာလည္း လြယ္ပါတယ္ ..
Blogger ကို Log In ၀င္ၿပီး Pages ကိုသြားပါ
New Page ကေန New blank page ကိုယူပါ





ပြင့္လာတဲ့ Page အသစ္ကို ကိုယ္ႀကိဳက္တဲ့ နံမည္ေပးပါ
ၿပီးရင္ အဲဒီ Page ရဲ႕ HTML mode ကေနၿပီး အေပၚမွာေပးထားတဲ့ကုဒ္ေတြကို ေကာ္ပီကူးထည့္ေပးလိုက္႐ံုပါပဲ
(အ၀ါေရာင္နဲ႔ျပထားတဲ့ေနရာမွာေတာ့ ကိုယ့္ဘေလာ့ရဲ႕ လင့္နဲ႔ အစားထိုးေပးလိုက္ပါ
www. ဆိုတာေလး မပါရင္ အဆင္မေျပတတ္ပါဘူး)




ၿပီးတာနဲ႔ Publish ကိုႏွိပ္လိုက္႐ံုေပါ့
ၿပီးရင္ အဲဒီ Page ကို view ကေနသြားၿပီး အဲဒီ Page ရဲ႕လင့္ကို ကူးယူထားရပါမယ္

ကဲ ... ဥပမာေပါ့ ..
ကၽြန္ေတာ့္ဘေလာ့အတြက္လုပ္လိုက္တဲ့ Site Map Page ရဲ႕ လင့္က
http://itmotesoeway.blogspot.com/p/site-map.html  ပါ

အဲဒီလင့္ကို ေအာက္ကုဒ္ေတြထဲမွာ ထည့္သံုးလိုက္ပါတယ္




<center><table style="height: 100px; width: 300px;"><tbody>
<tr><td>
<a href='http://itmotesoeway.blogspot.com/p/site-map.html'><marquee direction="right" scrollamount="5" width="40"><span style="color: green;">&gt;&gt;&gt;</span></marquee><blink><span style="color: yellow;">ေရးၿပီးသမွ်ေတြ</span><span style="color: yellow;"> ဒီေနရာမွာရွိပါတယ္</span></blink><marquee scrollamount="5" width="40"><span style="color: green;">&lt;&lt;&lt;</span></marquee></a>
</td></tr></tbody></table></center>

ၿပီးသြားရင္ေတာ့ Layout ကေန Add a widget ကိုႏွိပ္ပါ
ပြင့္လာတဲ့ထဲက HTML/Java Script ကိုေရြးပါ
ပြင့္လာတဲ့ထဲက Title မွာ ဘာမွမထည့္ပဲ Content Box ထဲမွာ အေပၚကေပးထားတဲ့ကုဒ္ေတြကို
ကူးထည့္ေပးၿပီး Save ကိုႏွိပ္လိုက္ပါတယ္
အ၀ါေရာင္နဲ႔ျပထားတဲ့လင့္ကေတာ့ ကိုယ့္ဘေလာ့အတြက္လုပ္ထားတဲ့ Site Map Page ရဲ႕လင့္ကို ထည့္ေပးရမယ့္ေနရာေပါ့
ဒါဆိုရင္ အဆင္ေျပသြားပါၿပီ
ကုဒ္ေတြထဲက yellow ေတြ green ေတြက စာလံုးေတြနဲ႔ ေျပးေနတဲ့ျမွားေလးေတြအတြက္ အေရာင္ကို
ၫႊန္းထားတာမို႔ ကိုယ္ႏွစ္သက္သလို ေျပာင္းႏိုင္ပါတယ္
<blink> နဲ႔ </blink> ကေတာ့ သူတို႔ႏွစ္ခုရဲ႕ၾကားထဲက စာသားေတြကို ေပၚလိုက္ေပ်ာက္လိုျဖစ္ေအာင္လုပ္ေပးပါတယ္ ..
ေျပးလြားေနတဲ့ျမွားေလးေတြကေတာ့ ကၽြန္ေတာ္တင္ခဲ့ဖူးတဲ့ Marquee Techniques .. နဲ႔ပတ္သက္တဲ့ Tutorial ေတြထဲမွာ ေလ့လာၾကည့္ႏိုင္ပါတယ္ ..
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး
Do you like this post? Please link back to this article by copying one of the codes below.
URL: HTML link code:
ေရးသားသူ at
Labels: ,
 
 
ဒီေနရာေလးကေကာက္လာတာ 
Posted by Unknown at 8:02 PM 0 comments
Labels:

Blogger ႏွင့္ Jump Break ( Read More Link) ဆိုင္ရာ နည္းပညာမ်ား

Blog တစ္ခုမွာပဲျဖစ္ျဖစ္ Website တစ္ခုမွာပဲျဖစ္ျဖစ္ Jump Break လို႔ေခၚတဲ့ Read More Link ဟာ မရွိမျဖစ္အေရးပါတဲ့ Function တစ္ခုျဖစ္ပါတယ္ ..

Jump Link ဟာ Post ေတြကို အျမင္ရွင္းရွင္းနဲ႔ စုစည္းေဖာ္ျပေပးေစႏိုင္သလို အလည္လာသူေတြအတြက္
Loading time ကိုလည္း သက္သာေစပါတယ္

သာမာန္ Template ေတာ္ေတာ္မ်ားမ်ားအတြက္ Jump Break ထည့္တယ္ဆိုတာ သိပ္ခက္ခက္ခဲခဲ မလုပ္ရပါဘူး ..


ကိုယ္ Jump Link ထည့္ခ်င္တဲ့ေနရာမွာ ကလစ္တစ္ခ်က္ေပးၿပီး အေပၚမွာရွိတဲ့ Tool ေတြထဲက Insert Jump Break ဆိုတာေလးကို ႏွိပ္ေပးလိုက္႐ံုနဲ႔ Read More Link ေလး ၀င္သြားၿပီျဖစ္ပါတယ္







ဒီလိုမွမဟုတ္ရင္လည္း HTML mode ကေန၀င္ၿပီး ကိုယ္ Jump Break ထည့္ခ်င္တဲ့ေနရာမွာ
<!-- more -->   ဆိုတဲ့ကုဒ္ေလးကို ထည့္ေပးလိုက္ရင္ Read More Link ေလး ၀င္သြားမွာျဖစ္ပါတယ္





အဲ .. အခ်ိဳ႕ေသာ Template ေတြမွာေတာ့ အေပၚကနည္းေတြနဲ႔ အဆင္မေျပတဲ့အခါ အၾကမ္းနည္းသံုးၿပီး
Jump Break ထည့္ရပါတယ္ ..

<div> ဒါက ပို႔စ္အေပၚပိုင္းနည္းနည္း </div>
<!-- more -->
<div>ဒါက က်န္ေနတဲ့ပို႔စ္ေအာက္ပိုင္းအားလံုး</div>

အဲဒီလို HTML mode ကေန၀င္ၿပီး ပို႔စ္အေပၚပိုင္းနဲ႔ ေအာက္ပိုင္းကို <div> .. </div> ေတြနဲ႔ အလံုပိတ္ၿပီး <!-- more --> နဲ႔ ျခားေပးလိုက္မွ Jump Break ေပၚလာတဲ့ Template အခ်ိဳ႕လည္း ရွိပါေသးတယ္ ..

Template အခ်ိဳ႕မွာေတာ့ Jump Break ကို Function အေနနဲ႔ပါ ေရးမထားတာမ်ိဳးေတြ ရွိတတ္ျပန္ပါေသးတယ္ ..
အဲဒီလုိ Template မ်ိဳးကိုေတာ့ နည္းနည္းေလး ျပင္ရတာ လက္၀င္ပါတယ္ ..
အေပၚကနည္းေတြနဲ႔မွ အဆင္မေျပတဲ့ Template မ်ိဳးကို ျပင္မယ္ဆိုရင္ေတာ့ Blogger Dashboard ကေန
Template ကို သြားပါ ( အရင္ဆံုး အမွားအယြင္းျဖစ္သြားခဲ့ရင္ Restore ျပန္လုပ္ႏိုင္ေအာင္ Template တစ္ခုလံုးကို Download ယူၿပီး Backup လုပ္ထားပါ)

Edit HTML ကိုႏွိပ္ၿပီး  <data:post.body/> ကို လိုက္ရွာပါ

ေတြ႕ၿပီဆိုရင္ အဲဒီ <data:post.body/> ရဲ႕ အေနာက္မွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးပါ

<b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if >


ၿပီးရင္ Preview template ကိုႏွိပ္ၿပီး ၾကည့္ပါ Error မတက္ရင္ အဆင္ေျပပါၿပီ .. Save template ကို ႏွိပ္လိုက္ပါ
တကယ္လို႔ Error တက္တယ္ဆိုရင္ေတာ့ အဲဒီကုဒ္ေတြကို ျပန္ဖ်က္ၿပီး Save template ကို ႏွိပ္ပါ

အေပၚကနည္းကေတာ့ Template ရဲ႕ Post Editor မွာ Jump Break Function ထည့္တဲ့နည္းမို႔ အလုပ္သင့္ဆံုးနည္းျဖစ္ပါတယ္ ( Jump Break မပါတဲ့ Template ေတြအတြက္ပါ)

အဲဒီလို အဆင္မေျပရင္ေတာ့ Template ကေန Edit template ကို သြားပါ
Advanced ကေန Add CSS ကို ႏွိပ္ပါ ..
ပြင့္လာတဲ့ထဲက CSS ကုဒ္ထည့္ရမယ့္ အကြက္မွာ ေအာက္က CSS ကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ

.jump-link a {
    background: #ffff00;
    padding: 3px;
    color: #fff;
    }


#ffff00 နဲ႔ #fff ကေတာ့ Read More ရဲ႕ ေအာက္ခံအေရာင္နဲ႔ စာလံုးအေရာင္ေတြပါ
ကိုယ္ႏွစ္သက္ရာ အေရာင္ကုဒ္ကို ေျပာင္းလဲအသံုးျပဳႏိုင္ပါတယ္

မ်ားေသာအားျဖင့္လည္း အေပၚမွာေျပာခဲ့တဲ့နည္းေတြက error မတက္ပဲ ေအာင္ျမင္ေလ့ရွိပါတယ္
တကယ္လို႔ ဘယ္နည္းနဲ႔ မွ အဆင္မေျပဘူးဆိုရင္ အဲဒီ template ရဲ႕ .xml ဖိုင္ကို ကၽြန္ေတာ့္ mail ထဲပို႔ေပးခဲ့ပါ ကၽြန္ေတာ္ကုဒ္ေတြကို ျပန္စစ္ၾကည့္ၿပီး Jump Break ထည့္ၿပီး ျပန္ပို႔ေပးပါ့မယ္
ကဲ .. Jump Break မပါတဲ့ Template ကို Jump Break ထည့္တဲ့နည္းေတာ့ ဒီေနရာမွာ နားလိုက္ၾကစို႔
ေအာက္မွာ Jump Break နဲ႔ ပတ္သက္ၿပီး အေမးမ်ားတဲ့ ေမးခြန္းေလးေတြကို ေျဖရွင္းေပးထားပါတယ္

၁။ Read More Link ကို ညာဖက္မွာထားနည္း

Edit HTML ကေန Template ကုဒ္ကိုဖြင့္ပါ
ပြင့္လာတဲ့ထဲမွာ <div class='jump-link'> ဆိုတာကို လိုက္ရွာပါ

ေတြ႕ၿပီဆိုရင္ အဲဒီကုဒ္ေနရာမွာ <div class='jump-link' align='right'> ကို အစားထိုး ေပးလိုက္ပါ

ၿပီးရင္ Save Template ကိုႏွိပ္ပါ  ( တစ္ခါတစ္ခါမွာ <div class='jump-link' align='left'> လို႔လည္း
ေတြ႕တတ္ပါတယ္ .. အဲဒါဆိုရင္ အဲဒီ left ဆိုတဲ့ေနရာမွာ right လို႔ ေျပာင္းေပးလိုက္႐ံုပါပဲ)


၂။ Read More Link ကို ပံုနဲ႔ အစားထိုးနည္း


Edit HTML ကေန Template ကုဒ္ကို ဖြင့္ပါ
ပြင့္လာတဲ့ထဲမွာ <data:post.jumpText/>  ကို လိုက္ရွာပါ
ေတြ႕ၿပီဆိုရင္ အဲဒီကုဒ္ေတြေနရာမွာ ေအာက္ကကုဒ္ေတြကို အစားထုိးေပးလိုက္ပါ

<b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><img src="url of image" border="0" alt="Alternative text" /></a>
    </div>
    </b:if >


အဲဒီကုဒ္ေတြထဲက url of image ဆိုတဲ့ေနရာမွာ ကိုယ္သံုးခ်င္တဲ့ ပံုရဲ႕ လင့္ကို ထည့္ေပးပါ
ၿပီးရင္ေတာ့ Preview Template ကိုႏွိပ္ၿပီး အဆင္ေျပၿပီဆိုရင္ Save Template ကို ႏွိပ္လိုက္ပါ
ကဲ .. ကၽြန္ေတာ့္ကို ေမးထားတဲ့ Read More Link နဲ႔ ပတ္သက္တဲ့ ေမးခြန္းေတြကုိေတာ့ ကၽြန္ေတာ့္ ေလ့လာဖူးသေလာက္ ေျဖၿပီးသြားပါၿပီ ..

တကယ္လို႔ အခက္အခဲထပ္ရွိေနေသးတယ္ဆိုရင္လည္း အဲဒီ Template ကို ကၽြန္ေတာ့္ရဲ႕ Mail ထဲကို ပို႔ၿပီး ျဖစ္ေနတဲ့ျပႆနာကို ေမးႏိုင္ပါတယ္ ..
template ထဲက ကုဒ္ေတြကိုၾကည့္ၿပီး ဆံုးျဖတ္ေတာ့ Error ကို ကြက္တိေျဖရွင္းေပးႏိုင္တာေပါ့ ...
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး



Do you like this post? Please link back to this article by copying one of the codes below.
URL: HTML link code: ေရးသားသူ at



Posted by Unknown at 7:46 PM 0 comments
Labels:

ဘေလာ့ရဲ႕ C-box ကို ဆန္းဆန္းေလးထားခ်င္ရင္

Wednesday, October 9, 2013

C-box လို႔ေခၚတဲ့ Chat Box ကို သာမန္အတိုင္းမထားပဲ ဘေလာ့ရဲ႕ ညာဖက္အေပၚေဒါင့္နားမွာ အဖြင့္အပိတ္ေလးနဲ႔ စြဲေဆာင္မႈရွိရွိထားႏိုင္မယ့္ နည္းပညာေလးတစ္ခုပါ

ေလာေလာဆည္ ကၽြန္ေတာ့္ဘေလာ့မွာ သံုးျပထားပါတယ္

အရင္ဆံုး cbox.ws မွာ register လုပ္ၿပီး လိုအပ္တဲ့ ကုဒ္ကိုယူထားၿပီးၿပီလို႔ ယူဆပါ့မယ္ ..
( အဲဒါကို မလုပ္တတ္ရင္လည္း Comment ေပးၿပီးပဲျဖစ္ျဖစ္ email ပို႔ၿပီးပဲျဖစ္ျဖစ္ ေျပာခဲ့ပါ .. တင္ေပးပါ့မယ္ )


ကဲ .. Blogger မွာ Log In ၀င္လိုက္ပါ
Layout ကိုသြားပါ ..
ႏွစ္သက္တဲ့ေနရာမွာ ( Footer .. Sidebar .. စသည္ျဖင့္ေပါ့)
Add a widget ကိုႏွိပ္ပါ
Page element ေရြးခိုင္းတဲ့ေနရာမွာ HTML/Java Script ကို ေရြးပါ
ၿပီးရင္ Title မွာ ဘာမွ မထည့္ပဲ Content အကြက္မွာ ေအာက္ကကုဒ္ေတြကုိ
ေကာ္ပီကူးၿပီးထည့္ေပးလိုက္ပါ ..



<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:1px solid #004831;
background:#00fcefff;
padding:5px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">Close C-Box</b></a></div>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="285" src="http://www7.cbox.ws/box/?boxid=627788&amp;boxtag=wvaxds&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-627788" style="border:#48515A 1px solid;" id="cboxmain7-627788"></iframe></div>
<div><iframe frameborder="0" width="280" height="75" src="http://www7.cbox.ws/box/?boxid=627788&amp;boxtag=wvaxds&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-627788" style="border:#48515A 1px solid;border-top:0px" id="cboxform7-627788"></iframe></div>
</div>
<!-- END CBOX -->


</td></tr></table>
</div>
<script src="https://itmotesoe.googlecode.com/svn/trunk/itmotesoehidecbox.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGF5XSZ3LJdBMoW9s01JPN84OQ4bRD3iPNPSe0etnymNDtVJIpA-sDs_j-GyH5ciVVpToQu9JAd5sBMLFGdmNOcHVJ8i1QUQXeAcG26n8xLVpCx6IOJOB18JRRwpJgXh_Eqy6JMHMgnjY/s1600/itmotesoechatbox.gif"/>
</a>
</div>



ကုဒ္ေတြထဲက အ၀ါေရာင္နဲ႔ျပထားတဲ့ေနရာမွာ ကိုယ့္ရဲ႕ cbox ကုဒ္ကိုေျပာင္းထည့္ပါ
အနီေရာင္ျပထားတဲ့ေနရာမွာေတာ့ ကိုယ္ေျပာင္းခ်င္တဲ့စာလံုးကို ေျပာင္းေပးပါ ( ဥပမာ- ကိုယ့္နံမည္ လိုမ်ိဳးေပါ့) တျခားက်န္တဲ့ေနရာေတြမွာ မေျပာင္းရေတာ့ဘူးေနာ္ ..
အားလံုးၿပီးရင္ေတာ့ Save လိုက္ေတာ့ေပါ့ ..
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး


Open/Close Chat Box For Blogger

Dear Blogging Lovers,
I'm going to share you a technique to add an Open and Close Chat Box for your Blogger.

1. Sign Up at cbox.ws and get cbox code.
2. Log in blogger.
3. Go to ' Layout '.
4. Click on ' Add a widget ' . ( Footer or sidebar as you like )
5. Choose ' HTML/Java Script ' in page element.
6. Leave the Title field.
7. Copy and paste the code below.


<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:1px solid #004831;
background:#00fcefff;
padding:5px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">Close C-Box</b></a></div>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="285" src="http://www7.cbox.ws/box/?boxid=627788&amp;boxtag=wvaxds&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-627788" style="border:#48515A 1px solid;" id="cboxmain7-627788"></iframe></div>
<div><iframe frameborder="0" width="280" height="75" src="http://www7.cbox.ws/box/?boxid=627788&amp;boxtag=wvaxds&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-627788" style="border:#48515A 1px solid;border-top:0px" id="cboxform7-627788"></iframe></div>
</div>
<!-- END CBOX -->


</td></tr></table>
</div>
<script src="https://itmotesoe.googlecode.com/svn/trunk/itmotesoehidecbox.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGF5XSZ3LJdBMoW9s01JPN84OQ4bRD3iPNPSe0etnymNDtVJIpA-sDs_j-GyH5ciVVpToQu9JAd5sBMLFGdmNOcHVJ8i1QUQXeAcG26n8xLVpCx6IOJOB18JRRwpJgXh_Eqy6JMHMgnjY/s1600/itmotesoechatbox.gif"/>
</a>
</div>


Replace the codes in yellow color with your cbox codes.
You can change the words ins red color as you like.
Then, Save the page.
Be Enjoy :)
Do you like this post? Please link back to this article by copying one of the codes below.
URL: HTML link code: ေရးသားသူ at  

ဒီေနရာကေကာက္လာသည္
Posted by Unknown at 10:26 PM 0 comments
Labels:

ဘေလာ့မွာ Chat Box ေလးထည့္နည္း

ဘေလာ့ေရးစ သူငယ္ခ်င္းေတြအတြက္ အဆင္ေျပေအာင္ရည္ရြယ္ပါတယ္ ..

ေနာက္ၿပီး ကၽြန္ေတာ့္ဘေလာ့မွာ သံုးထားတဲ့ Widget မွာသမွ်ကိုလည္း ေတာင္းႏိုင္ပါတယ္ ..

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

အေၾကာင္းမတိုက္ဆိုင္လို႔သာ တင္မေပးျဖစ္တာမ်ိဳး ရွိခ်င္ရွိပါမယ္ ... ပညာလွ်ိဳရတာလည္း ၀ါသနာမပါပါဘူး ..




ကၽြန္ေတာ္တို႔ႏိုင္ငံကို သူမ်ားႏိုင္ငံေတြရဲ႕ေအာက္ကေန အထက္ကိုဆြဲတင္ဖို႔ သူမ်ားႏိုင္ငံေတြရဲ႕ ေနာက္ကေန ေရွ႕တန္းကို ဆြဲထုတ္ဖို႔အတြက္ နည္းပညာပိုင္းဟာ ေတာ္ေတာ္ႀကီးအေရးပါတယ္လို႔လည္း ယူဆထားတာေၾကာင့္ပါ
ကဲ .. စလိုက္ၾကစို႔ ...

အရင္ဆံုး www.cbox.ws ကိုသြားၿပီး ပြင့္လာတဲ့ Page ထဲက Sign Up ကိုႏွိပ္လိုက္ပါ ..
ေအာက္ကပံုအတိုင္း ပြင့္လာပါမယ္





အဲဒီထဲကပံုမွာ ျပထားတဲ့အတိုင္း ေသခ်ာျဖည့္ပါ ..
Code name မွာ အဂၤလိပ္စာလံုး အေသး နဲ႔ ကိုယ္ႀကိဳက္တဲ့နံမည္ကို ထည့္ပါ
email address အကြက္မွာ ကိုယ္ဘေလာ့လုပ္ထားတဲ့ email ကိုေရးပါ
Password ႏွစ္ကြက္ကို တူေအာင္ထည့္ပါ
ေအာက္ကအကြက္မွာ ကိုယ္ႏွစ္သက္တဲ့အေရာင္ကို ေရြးႏိုင္ပါတယ္ ..
I have read .. ဘာညာဆိုတဲ့ စာတမ္းေရွ႕မွာ အမွန္ျခစ္တပ္ဖို႔ မေမ့ပါနဲ႔ ..
အားလံုးၿပီးသြားၿပီဆိုရင္ Create my account ကိုႏွိပ္လိုက္ပါ ..
ေအာက္ကပံုအတိုင္း ပြင့္လာပါမယ္ ..



အဲဒီကုိေရာက္တဲ့အခါ နံမည္က ျဖည့္ၿပီးသားျဖစ္ေနမွာျဖစ္ၿပီး Password အကြက္မွာ ကိုယ္ေပးခဲ့ Password ကို မွန္ေအာင္ျပန္ထည့္ပါ
ၿပီးရင္ ေအာက္ကို ေစာင္းေစာင္းေလးၫႊန္ေနတဲ့ အ၀ါေရာင္ျမွားေလးကို ႏွိပ္လိုက္ပါ ..
အဲဒါဆိုရင္ Log in ၀င္သြားၿပီး ေအာက္ကပံုအတိုင္း ပြင့္လာပါမယ္




ဒီ Page ကိုေရာက္တဲ့အခါ Look & feel ကို ႏွိပ္ၿပီး Layout options ကေန ကိုယ္လိုခ်င္တဲ့အျပင္အဆင္ေတြကို ျပဳျပင္ႏိုင္ပါတယ္ ..
Layout options ကိုႏွိပ္လိုက္တဲ့အခါ ေအာက္ကပံုအတိုင္း ပြင့္လာပါမယ္




ကိုယ္ဘေလာ့မွာ ထားမယ့္ေနရာရဲ႕အက်ယ္အ၀န္းကို တြက္ဆၿပီး Width ေတြ height ေတြရဲ႕ ပမာဏကို ေျပာင္းလို႔ရပါတယ္ ...
ကိုယ္ျပင္စရာရွိတာကို ျပင္ၿပီးၿပီဆိုရင္ေတာ့ Save ကိုႏွိပ္ေပးလိုက္ပါ ..
ၿပီးရင္ အေပၚဘားတန္းထဲမွာရွိတဲ့ Publish ကိုႏွိပ္ေပးလိုက္ရင္ ေအာက္ကပံုအတိုင္း ပြင့္လာပါမယ္



အဲဒီထဲမွာ ေပးထားတဲ့ ကုဒ္ကိုေကာ္ပီကူးဖို႔ Copy to clipboard ကိုႏွီပ္လိုက္ပါ ..
ကုဒ္ေတြဟာ Select ၀င္ၿပီး အျပာေရာင္ျခယ္သြားပါမယ္ ..
Box တစ္ခုတက္လာတတ္ပါတယ္ အဲဒါကို OK ႏွီပ္လိုက္ပါ ..
ၿပီးရင္ေတာ့ ကီးဘုဒ္ေပၚက Ctrl ကီးနဲ႔ C ကီးကိုတြဲႏွိပ္ၿပီးပဲျဖစ္ျဖစ္ Right Click ကေန copy ကိုႏွိပ္ၿပီးျဖစ္ျဖစ္ ကုဒ္ေတြကို ေကာ္ပီကူးယူလိုက္ပါ ..
ကုဒ္ေတြက ေအာက္ကပံုအတိုင္း ျဖစ္ေနပါမယ္ .. ( နမူနာေနာ္ .. ဒါကို ယူသံုးလို႔ မရဘူး )


<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4155405&amp;boxtag=w6m4me&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4155405" style="border:#ababab 1px solid;" id="cboxmain4-4155405"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4155405&amp;boxtag=w6m4me&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4155405" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4155405"></iframe></div> </div> <!-- END CBOX -->




အဲဒီထဲမွာပါတဲ့ Width ေတြ Height ေတြကို ဘေလာ့ထဲေရာက္မွ လိုအပ္သလို ျပန္ေျပာင္းႏိုင္ပါေသးတယ္
ၿပီးရင္ေတာ့ Blogger မွာ Log in ၀င္ေပါ့ ..
Widget တစ္ခုထည့္တိုင္း လုပ္ေနက်လို Layout ကိုႏွိပ္
ပြင့္လာတဲ့ထဲက ကိုယ္ထားခ်င္တဲ့ေနရာက Add a widget ကိုႏွိပ္ ..
ပြင့္လာတ့ဲထဲက Title ကို ကိုယ္ေပးခ်င္တာေပး .. ဥပမာ “ေျပာစရာရွိတာ ေျပာထားခဲ့ပါ ” တို႔ ဘာတို႔ေပါ့
ၿပီးရင္ Content အကြက္မွာ ကုဒ္ေတြကိုထည့္ ..
ၿပီးရင္ Save ကိုႏွိပ္လိုက္ ...
ဒါဆိုရင္ ဘေလာ့ထဲမွာ Chat Box ေလး ေရာက္သြားပါၿပီ
Chat Box ေလးေရာက္သြားၿပီဆိုေတာ့ Chat Box ထဲမွာ ေရးသြားတဲ့ အလည္လာသြားတဲ့ သူငယ္ခ်င္းေတြရဲ႕ စာသားေလးေတြကို တေလးတစားျပန္ေျဖေပးတဲ့အက်င့္ေလး ထားေပးဖို႔ အႀကံျပဳခ်င္ပါတယ္ ...
Blogger ရဲ႕ ျပည့္၀တဲ့လူမႈေရးစိတ္ဓာတ္ေတြကို သူတင္လိုက္တဲ့ပို႔စ္ေတြရယ္ Comment ေတြနဲ႔ Chat Box ေတြမွာ ျပန္လည္တုန္႔ျပန္မႈေတြနဲ႔ တိုင္းတာတယ္လို႔ Blogger ေနာင္ေတာ္ႀကီးေတြဆီက သင္ၾကားမွတ္သားခဲ့ဖူးလို႔ပါ ..
ကဲ .. အဆင္ေျပေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး
Do you like this post? Please link back to this article by copying one of the codes below.
URL: HTML link code:

ဒီေနရာကေကာက္လာတာ
Posted by Unknown at 10:22 PM 0 comments
Labels:

ဘေလာ့ရဲ႕ဘယ္ဖက္က Social Sharing Widget ေလးအတြက္

ကၽြန္ေတာ့္ရဲ႕ဘေလာ့မွာ သံုးထားတဲ့ Widget ေလးတစ္ခုပါ

ဘေလာ့ရဲ႕ဘယ္ဖက္အေပၚနားေလးမွာ ေပၚလာတဲ့ Share Button ေတြ စုစည္းထားတဲ့ ေဒါင္လိုက္ Widget ေလးတစ္ခု
ဆိုပါေတာ့ဗ်ာ
ကၽြန္ေတာ္လည္း ႏိုင္ငံျခားဆိုဒ္တစ္ခုမွာ ရွာေတြ႕လို႔ သံုးထားတာပါ

 လုပ္ရတာလည္း လြယ္ပါတယ္ ..







အရင္ဆံုး Blogger မွာ Log in ၀င္လိုက္ပါ
ၿပီးရင္ Layout ကိုသြားပါ ..
အဆင္ေျပတဲ့ Sidebar ပဲျဖစ္ျဖစ္ footer ပဲျဖစ္ျဖစ္ Add a widget ကိုႏွိပ္လိုက္ပါ
ၿပီးရင္ ပြင့္လာတဲ့ထဲက Page element ေရြးရမယ့္ေနရာမွာ HTML/Java Scripts ကိုေရြးပါ
ၿပီးရင္ Title မွာ ဘာမွမထည့္ပဲ Content အကြက္ထဲမွာ ဒီပို႔စ္ရဲ႕ေအာက္ဆံုးမွာေပးထားတဲ့ကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးလိုက္ပါ
ကုဒ္ေတြထဲက အနီေရာင္နဲ႔ျပထားတဲ့ေနရာမွာ ကိုယ့္ဘေလာ့ရဲ႕ URL ကို ေျပာင္းေပးလိုက္ပါ

How To Add Social Sharing Widget In A Blog

Dear blogging lovers,
I'm going to share you a social sharing widget which can be seen at the right side in my blog.
1. Log in your Blogger.
2. Go to layout.
3. Click on ' Add a widget ' ( the sidebar or the footer as you like )
4. Choose ' HTML/Java Script ' in page element.
5. Leave the title of the widget.
6. Copy and paste the code given below in the contents field.
Note : Replace the link in red color with your blog's link.
7. Click on ' Save '.
8. Enjoy. :)




<a href='http://itmotesoeway.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8_LcR7Gctxp-kkQHvH__DN1mEVt6j4VAhDUCYvhEiRVurxkkwbM542ZOmLcNUL0fpCPHqCCvo-otBclp2cTAClq975F2mqU9TPeRUGF0Vpj0V_uTG_V5dwGmXCNtyG53F_PKALYSX-I/s1600/itmotesoe.png'/></a><div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="background:#98A2A7; border: 1px solid #000000; top:120px;left:50px;">             <div class="addthis_toolbox addthis_default_style">                 <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>                 <span><a class="addthis_button_tweet" tw:count="vertical"></a></span>                 <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>                 <span><a class="addthis_counter"></a></span>             </div> </div> <script type="text/javascript" src="https://itmotesoesocialsharing.googlecode.com/svn/trunk/ItmotesoeSocialSharing.js"></script>



ကဲ .. အဆင္ေျပၾကပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး


ဒီေနရာေလးကေကာက္လာသည္
Posted by Unknown at 10:10 PM 0 comments
Labels:

ဘေလာ့မွာ Counter Widgets ေလးေတြထည့္ခ်င္သူမ်ားအတြက္

ကၽြန္ေတာ္စီေဘာက္မွာကိုကိုိကုိေအာင္ေမးထားတာေလးကိုလိုအပ္တဲ့သူေတြလဲအလြယ္တကူသံုးလို့၇ေအာင္
ပို့ဒ္ေလးတစ္ခုအေနနဲ့စုစည္းေဖာ္ျပေပးလိုက္ပါတယ္။ကၽြန္ေတာ္တို့ဘေလာ့မွာကိုယ့္ဆီကိုလာလည္တဲ့သူငယ္
ခ်င္းမ်ားဘယ္ေလာက္၇ွိျပီလဲ၊ ဘယ္ႏိုင္ငံကလာတာလဲဆိုတာကိုသိဖို့ ၊ျပီး၇င္မိမိဘေလာ့ေလးကိုလဲအလွဆင္
ခ်င္သူမ်ားအတြက္ Counter Widgets ေလးေတြအသံုးျပဳလို့၇မဲ့ဆိုဒ္ေလးေတြကိုကၽြန္ေတာ္ေဖာ္ျပေပးလိုက္ပါ
တယ္.။
1.Flag Counter




  ဒါကေတာ့ Flag Counter ဆိုဒ္ေလးပါ။Get Your Own Free Flag Counter ဆိုေလးကိုႏွိပ္ျပီးသြားလိုက္
  ပါ။Choose your own options and appearance မွာမိမိစိတ္ၾကိဳက္ပံုစံေလးကိုျပင္လို့၇ပါတယ္။ျပီး၇င္
  Get Your Flag Counter ကိုႏွိပ္လိုက္ပါ။ျပီး၇င္ Code for websites: မွာကုဒ္ေလးကိုယူျပီးမိမိဘေလာ့မွာ
  ထည့္လိုက္ပါ။


ဒီလင့္ေလးကိုႏိွပ္ျပီးသြားလိုက္ပါ

 
2.GeoToolBar








 
 မိမိဘေလာ့ေအာက္ေျခမွာလာလည္တဲ့သူငယ္ခ်င္းမ်ားကို Toolbar ေလးနဲ့ေဖာ္ျပေပးမွာျဖစ္ပါတယ္။ပံု၇ဲ့
   ေအာက္မွာ inscription GeoToolBar ဆိုတာကိုေတြ ့၇ပါလိမ့္မယ္။ GeoToolBar  ကိုႏွိပ္လိုက္ပါ။ျပီး၇င္
   LL FIELDS WITH A * ARE REQUIRED!  ေအာက္မွာလိုအပ္တာေလးေတြျဖည့္ေပးလိုက္ပါ။ျပီး၇င္
   ပံုေလးကိုႏွိပ္ျပီးသြားလိုက္ပါ။ေပးထားတဲ့ကုဒ္ကိုယူျပီးမိမိဘေလာ့မွာထည့္ေပးလိုက္ပါ။


ဒီလင့္ေလးကိုႏိွပ္ျပီးသြားလိုက္ပါ


3.GeoGlobe









 မိမိတို့ဆီကိုလာလည္တဲ့သူငယ္ခ်င္းမ်ားကိုကမာၻပံုေလးနဲ့ေဖာ္ျပေပးေနမွာျဖစ္ပါတယ္။ပံုေလးေတြ၇ဲ့ေအာက္
 မွာ GeoGlobe -> here [Register]GeoGlobe -> here [Register]   ဆိုတာကိုႏွိပ္လိုက္ပါ။ျပီး၇င္
   LL FIELDS WITH A * ARE REQUIRED!  ေအာက္မွာလိုအပ္တာေလးေတြျဖည့္ေပးလိုက္ပါ။ျပီး၇င္
   ပံုေလးကိုႏွိပ္ျပီးသြားလိုက္ပါ။ေပးထားတဲ့ကုဒ္ကိုယူျပီးမိမိဘေလာ့မွာထည့္ေပးလိုက္ပါ။


ဒီလင့္ေလးကိုႏိွပ္ျပီးသြားလိုက္ပါ


4.Geo Counter









 အေပၚကပံုမွာျပထားသလိုမ်ိဳးေဖာ္ျပေပးေနမွာပါ။ကိုၾကိဳက္တဲ့အေ၇ာင္ကိုေ၇ြးပါ။အၾကိဳက္ေတြ ့ျပီဆို၇င္ပံုေလး
 ကိုကလစ္ႏွစ္ခ်က္ႏွိပ္လိုက္ပါ။ျပီး၇င္ေပၚလာတဲ့ပံုထဲမွာလိုတာေလးေတြျဖည့္ေပးလိုက္ပါ.။ျဖည့္ျပီးသြားျပီဆို
 ၇င္ Get Widget ကိုႏွိပ္လိုက္ပါ။ျပီး၇င္၇လာတဲ့ကုဒ္ကိုမိမိဘေလာ့မွာထည့္လိုက္ပါ။


ဒီလင့္ေလးကိုႏိွပ္ျပီးသြားလိုက္ပါ


5.99 Counters






ဒါကေတာ့ကၽြန္ေတာ္ဘေလာ့မွာလဲထည့္ထားတဲ့ပံုစံမ်ိဳေလးပါ.။Create Counter ကိုႏွိပ္လိုက္ပါ။ျပီး၇င္လို
အပ္တဲ့အေကာင့္တစ္ခုေဖာက္ပါ.။ျပီး၇င္အဲ့ဒီမွာေပးထားတဲ့ကုဒ္ကိုမိမိဘေလာ့မွာထည့္ေပးလိုက္ပါ.။


ဒီလင့္ေလးကိုႏိွပ္ျပီးသြားလိုက္ပါ


အားလံုးပဲအဆင္ေျပၾကပါေစ......ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ......

ဒီေနရာေလးကေကာက္လာတာ
Posted by Unknown at 6:51 PM 0 comments
Labels:
Subscribe to: Posts (Atom)
 
Flag Counter


gmail ထဲပို႔ေပးမည္

fb ကေနာ့္ ေဘာ္ေဘာ္

zawgyi 32 bit ေဒါင္းရန္

ဒီေလာက္၀င္ၾကည့္ေနသည္


hit counter

ေလဒီယိုနားေထာင္ရန္

bg

ေလဒီယိုနားေထာင္ရန္

bg

recent posts

ကာလာကုဒ္ယူရန္



Blogger news

Blogroll

Most Reading

  • ဘေလာ့မွာ Chat Box ေလးထည့္နည္း
    ဘေလာ့ေရးစ သူငယ္ခ်င္းေတြအတြက္ အဆင္ေျပေအာင္ရည္ရြယ္ပါတယ္ .. ေနာက္ၿပီး ကၽြန္ေတာ့္ဘေလာ့မွာ သံုးထားတဲ့ Widget မွာသမွ်ကိုလည္း ေတာင္းႏိုင္ပါတယ္ .....
  • V5.1.1.​root
    ဟိုင္​း All fri.ဖုန္​းroot​ေဖာက္​ခတ္​​ေနတဲ့​ေဘာ္​​ေဘာ္​​ေတြအတြက္​။ဖုန္​းဗား႐ွင္​း5.1.1အထက္​ဖုန္​းကိုင္​းထားပီးroot​ေဖာက္​မရရင္​ဒီမွာ​ေပးထား...
  • ဘေလာ့မွာ Counter Widgets ေလးေတြထည့္ခ်င္သူမ်ားအတြက္
    ကၽြန္ေတာ္စီေဘာက္မွာကိုကိုိကုိေအာင္ေမးထားတာေလးကိုလိုအပ္တဲ့သူေတြလဲအလြယ္တကူသံုးလို့၇ေအာင္ ပို့ဒ္ေလးတစ္ခုအေနနဲ့စုစည္းေဖာ္ျပေပးလိုက္ပါတယ္။ကၽြန္ေတ...
  • ဖုန္းကြန္ပ်ဴတာဘေလာ့ေရးနည္းမ်ား
    blogေရးခ်င္တဲ႔ေမာင္မယ္မ်ားအတြက္က်ေနာ္ဘေလာ့ေရးနည္းတင္ေပးလိုက္ပါတယ္။ ဖုန္းနဲ႕ေရးဖို႕တြက္ကိုက်ေနာ္ပံုေလးေတြနဲ႕ရွင္းျပထားပါတယ္။ကြန္ပ်ဴတာနဲ႕ေရးဖ...
  • fbနဲ႔တြဲသံုးလို႕ရတဲ႔apkမ်ားစုဆည္းမွဳ
    fbနဲ႔တြဲလို႕အသံုးျပဳရတဲ႔apkေလးေတြစုပီးတင္ေပးလိုက္ပါတယ္။apkကနဲနဲမ်ားေနလို႕အသံုးျပဳပံုကိုပံုေလးေတြနဲ႕မရွင္းျပေပးနိုင္တာခြင့္လြတ္ေပးပါ။အသံုးျပ...
  • groupျပဳလုပ္နည္း
    fbေပၚမွာGroupေလးေတြဖြဲ႕က်မယ္။ဂရုဖြင့္နည္းကိုညီေလးေတြေမးတာခဏခဏေတြ႕ရလို႕ခုတင္ေပးလိုက္ပါတယ္။မိမိဝါသာနာပါရာကိုFbေပၚမွာဂရုေလးေတြဖြဲ႕ျပီးတိုင္ပင္ေ...
  • Blog Menu ေလးေတြကို Button ေလးေတြနဲ့လုပ္ရေအာင္
    ကၽြန္ေတာ္ဒီေန့ေတာ့ Blog  Menu ေလးေတြကို Button ေလးေတြနဲ့အလြယ္ေလးလုပ္လို့၇မဲ့နည္းလမ္းေလကို ေျပာျပေပးပါမယ္..။လုပ္ကတာအ၇မ္းလြယ္ပါတယ္..။Edit...
  • power tool
    power tool apkတခုတင္ေပးလိုက္တယ္ေနာ္။rootရွိေသာဖုန္းမ်ားအတြက္ပါ။ပါဝါကီးကိုနိပ္စရာမလိုဘဲဖုန္းပိတ္လို႔ရတယ္။rebootခ်လိုရတယ္။recoveryထဲဝင္လို႔ရတယ...
  • Blogger သမားမ်ားအတြက္ ျမန္မာျပကၡဒိန္ေလးပါ။
    ကဲ ဒီတစ္ခါေတာ့ ကၽြန္ေတာ္တို႕ Blog ေတြမွာ ျမန္မာျပကၡဒိန္ေလး ထည့္ခ်င္တဲ့သူေတြအတြက္ ပါ။ကၽြန္ေတာ္တို႕ဟာ ျမန္မာႏိုင္ငံက Blogger သမားေတြျဖ...
  • ေရာသမပို႔
    အေကာင့္ပ်က္သြားလို႔ ခုအေကာင့္သစ္မွာပို႔အေဟာင္းေလးေတြကိုဘဲျပန္တင္ေပးလိုက္တယ္ေခါင္းစဥ္ဖတ္ပီးလိုခ်င္ရာေဒါင္းေပေတာ့။စာအုပ္ေတြအမ်ားၾကီးပါတယ္သူမ်ာ...