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

ကၽြန္ေတာ့္ဘေလာ့ရဲ႕ ညာဖက္မွာထားထားတဲ့ “ေရးထားသမွ်ေတြ ဒီေနရာမွာရွိပါတယ္” ဆိုတဲ့ 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: http://itmotesoeway.blogspot.com/2013/06/gadget.html HTML link code: <a href="http://itmotesoeway.blogspot.com/2013/06/gadget.html">ေရးထားသမွ်ေတြ ဒီေနရာမွာရွိပါတယ္ ဆိုတဲ့ Gadget ေလးအေၾကာင္း</a>

ေရးသားသူ အိုင္တီ မုဆိုး at 6:13 AM

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: http://itmotesoeway.blogspot.com/2013/08/blogger-jump-break-read-more-link.html HTML link code: <a href="http://itmotesoeway.blogspot.com/2013/08/blogger-jump-break-read-more-link.html">Blogger ႏွင့္ Jump Break ( Read More Link) ဆိုင္ရာ နည္းပညာမ်ား</a> ေရးသားသူ အိုင္တီ မုဆိုး at 9:39 AM



ဒီေနရာေလးကေကာက္လာတာ

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

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: http://itmotesoeway.blogspot.com/2013/05/c-box.html HTML link code: <a href="http://itmotesoeway.blogspot.com/2013/05/c-box.html">ဘေလာ့ရဲ႕ C-box ကို ဆန္းဆန္းေလးထားခ်င္ရင္</a> ေရးသားသူ အိုင္တီ မုဆိုး at 12:58 AM  

ဒီေနရာကေကာက္လာသည္

ဘေလာ့မွာ 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: http://itmotesoeway.blogspot.com/2013/05/chat-box.html HTML link code: <a href="http://itmotesoeway.blogspot.com/2013/05/chat-box.html">ဘေလာ့မွာ Chat Box ေလးထည့္နည္း

ဒီေနရာကေကာက္လာတာ

ဘေလာ့ရဲ႕ဘယ္ဖက္က 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>

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

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


ဒီေနရာေလးကေကာက္လာသည္

ဘေလာ့မွာ 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 ကိုႏွိပ္လိုက္ပါ။ျပီး၇င္လို
အပ္တဲ့အေကာင့္တစ္ခုေဖာက္ပါ.။ျပီး၇င္အဲ့ဒီမွာေပးထားတဲ့ကုဒ္ကိုမိမိဘေလာ့မွာထည့္ေပးလိုက္ပါ.။


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


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

ဒီေနရာေလးကေကာက္လာတာ

Blog မွာ Page Navigation ထည့္ခ်င္သူမ်ားအတြက္

ကၽြန္ေတာ္ဒီရက္ပိုင္း ဘေလာ့အေၾကာင္း ေလးေတြေရးေပး သြားပါမယ္.. ဆိုဒ္ကို Templateအသစ္ခ်ိန္းလိုက္ေတာ့ လိုအပ္တာေလးေတြ ေတာ္ေတာ္ မ်ားမ်ားလိုက္ျပင္ျဖစ္သြားတယ္.. ကၽြန္ေတာ့္ကို ဘေလာ့နဲ႔ ပါတ္သတ္ ျပီးေတာ့ ေမးထားတာေလးေတြ လဲရွိတာနဲ႔ ဘေလာဂါ မိတ္ေဆြေတြအတြက္ အသံုး၀င္ တာေလးေတြ ကိုျပန္ျပီးေတာ့ ေရးေပးသြားပါမယ္.. အရင္ဆံုး မိမိတို႔ရဲ႕ ဘေလာ့မွာ Page Navigation ထည့္တဲ့ နည္းေလးကို အကိုတစ္ေယာက္လဲ ေမးထားတာရွိတာနဲ႔ လိုအပ္တဲ့ သူေတြပါ အလြယ္တကူအသံုးျပဳလို႔ ရေအာင္ ေရးေပးသြားပါမယ္.. အေပၚကပံုေလးကိုၾကည့္လိုက္ရင္ Page Navigation  ဆိုတာဘာလဲဆိုတာ သေဘာေပါက္ သြားပါလိမ့္မယ္.. ကၽြန္ေတာ့္ရဲ႕ဘေလာ့မွာ လဲထည့္ထားတာေတြ႕ပါလိမ့္မယ္.. မိမိတို႔ရဲ႕ ဘေလာ့မွာ Page Navigation  ထည့္ခ်င္တဲ့ သူေတြကေတာ့ ကၽြန္ေတာ္ေအာက္မွ ေျပာျပထားတဲ့နည္း လမ္းေလး အတိုင္းလိုက္ျပီးလုပ္ေပးယုံပါပဲ..

အရင္ဆံုး မိမိတို႔ရဲ႕ ဘေလာ့ကို၀င္လိုက္ပါ.. ျပီးရင္  Design >> Edit Html ဆိုျပီးသြားလိုက္ပါ.. ဘာကုဒ္မွ မထည့္ခင္ အရင္ဆံုး Download  Full Template ကိုႏွိပ္ျပီး Template ကို Backup လုပ္ထားလိုက္ပါ.. တကယ္ လို႔ကုဒ္ တစ္ခုခုမွားထည့္ မိလို႔ Error တစ္ခုခုတက္သြားမယ္ဆိုရင္ ေဒါင္းေလာ့ခ်ထားတဲ့ Template ေလးကို ယူျပီး ျပန္ထည့္ ေပးလိုက္ရင္ အဆင္ေျပသြားပါလိမ့္မယ္..

မိမိတို႔ လက္ရွိသံုးေနတဲ့ Template ကို Backup လုပ္ျပီးျပီဆိုရင္ Expand Widget Templates ကိုအမွန္ျခစ္ ေပး လိုက္ပါ..။ျပီး၇င္ ကၽြန္ေတာ္ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ေတြကိုရွာျပီး ထည့္ေပးလိုက္ ယံုပါပဲ..။




အေပၚကပံုအတိုင္း  Expand Widget Templates ကိုအမွန္ျခစ္ေပးျပီးျပီဆိုရင္ေတာ့ Keyboard မွ Ctrl + F ကိုႏွိပ္ လိုက္ပါ..ျပီးရင္ အရင္ဆံုးေအာက္မွာေဖာ္ျပေပးထားတဲ့ ကုဒ္ကို Find ထဲမွာထည့္ျပီးရွာၾကည့္လိုက္ပါ..

]]></b:skin>

အေပၚမွာပန္းေရာင္ နဲ႔ကုဒ္ကိုရွာလို႔ေတြ႕ျပီဆိုရင္ အဲ့ဒီကုဒ္ရဲ႕အေပၚမွာ ေအာက္မွာေဖာ္ျပေပးထားတဲ့ကုဒ္ကို ထည့္ေပးလိုက္ပါ..

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #cccccc;
background: #dfdfdf;
color:#000000;
font-weight: bold;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #cccccc;
background: #dfdfdf;
color:#000000;
font-weight: bold;
text-decoration: none;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #214461;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
border:1px solid #cccccc;
background: #dfdfdf;
text-decoration: none;
}

အေပၚကကုဒ္ကိုထည့္ျပီးျပီ ဆိုရင္ေတာ့ ေအာက္မွာေဖာ္ျပထားတဲ့ကုဒ္ကို ထပ္ျပီးရွာလိုက္ပါ..

</body>

အေပၚကကုဒ္ကို ရွာလို႔ေတြ႕ျပီဆိုရင္ေတာ့ အဲ့ဒီကုဒ္ရဲ႕ အေပၚမွာေအာက္မွာေပးထားတဲ့ ကုဒ္ကိုထည့္ေပး လိုက္ပါ.
<!--Page Navigation by wordpresstoblogger.info Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

<script type='text/javascript'>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script>
<!--Page Navigation by wordpresstoblogger.info Ends -->
အေပၚမွာေဖာ္ျပေပးထားတဲ့ကုဒ္ေတြကို ထည့္ျပီးျပီဆိုရင္ေတာ့  Save Template ေပးလိုက္ယံုပါပဲ..ျပီးရင္ေတာ့ မိမိတို႔ ဘေလာ့ကိုျပန္ျပီးေတာ့ၾကည့္လိုက္ပါ..  Page Navigation  ေလးေပၚေနတာကိုေတြ႕ရပါလိမ့္မယ္..

ျပီးရင္ ေအာက္မွာေဖာ္ျပေပးထားတဲ့ ကုဒ္ေလးကိုရွာလိုက္ပါ.. ေတြ႔ျပီဆိုရင္ 5 ေနရာမွာမိမိတို႔စိတ္ၾကိဳက္ ထားလို႔ ရပါတယ္..

var postperpage=5;

5 ဆိုတာက ကၽြန္ေတာ္တို႔ Page 2 ကိုႏွိပ္လိုက္မယ္ Page 3 ကိုႏွိပ္လိုက္မယ္ဆိုရင္ေပၚေနမယ့္ ပို႔စ္အေရအ တြက္ျဖစ္ပါတယ္..မိမိတို႔ စိတ္ၾကိဳက္ထားလို႔ရပါတယ္..

 ဒီေလာက္ဆိုရင္ေတာ့ မိမိတို႔ဘေလာ့မွာ Page Navigation ေလးကုိထည့္တက္သြားျပီလို႔ထင္ပါတယ္..

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


ဒီေနရာကေကာက္လာ၏