• Virus အမ်ိဳးအစားမ်ားႏွင့္ Virus ကာကြယ္နည္းမ်ား
  • Myanmar E-Books မ်ား ...
  • For Desktop Live Wallpaper and Screen saver
  • For Websites
  • GPS ,GPRS ,AGPS ျခားနားမႈမ်ား ...

Thursday, September 15, 2011

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 ေလးကုိထည့္တက္သြားျပီလို႔ထင္ပါတယ္..

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

7 comments:

  1. အခုလို အေသးစိတ္႐ွင္းျပေပးလို႔ ေက်းဇူးတင္ပါတယ္ ဗ်ာ ...။ အၿမဲလာေရာက္ၿပီး ေလ့လာသင္ယူေနသူပါ။

    ReplyDelete
  2. ေက်းဇူးတင္ပါတယ္ အကိုရသြားၿပီေက်းဇူးပါပဲ

    ReplyDelete
  3. ေက်းဇူးတယ္ပါတယ္အကုိ...

    ReplyDelete
  4. ေက်းဇူးပါပဲအစ္ကိုေရ
    ညီ ပညာေတြယူသြားပါတယ္
    ညီ လုပ္တာေတြ သိပ္အဆင္မေျပေသးဘူးဗ်
    အျမဲတမ္းေလ့လာေနလွ်က္ပါ။။။။။။။။။။။။။။

    ReplyDelete
  5. ထာ၀ရေက်းဇူးပါ အကို အျမဲတမ္းလာေရာက္ေလ့လာ လည္ပတ္ေနပါတယ္
    နည္းပညာေတြ ဒိထက္မကမွ်ေဝနိင္ပါေစ

    ReplyDelete



အားလံုးပဲ အဆင္ေျပက်န္းမာ ေပ်ာ္ရႊင္ႏိုင္ၾကပါေစ ။ ခင္မင္ေလးစားစြာျဖင့္ .. ေနမင္းေမာင္