Blogger Template ေတြအတြက္ Page Navigation ပံုစံေလးေတြ ( ၅ )မ်ိဳးပါ။
ကိုယ္သေဘာက်
တာေရြးယူပီးထည္.ႀကေပါ.ေနာ္။
Step:1 Blogger Dash board > Template > Edit HTMl ကိုသြားပါ။
Step:2 Ctrl + F ကိုနွိပ္ပီး Search box ထဲမွာေအာက္ကကုဒ္ေလးေတြရိုက္ထည္.ပီးရွာပါ။
<b:includable id='mobile-index-post' var='post'>
Step:3 ေတြ.ပီဆိုရင္ေအာက္ကကုဒ္ေတြကိုေကာ္ပီကူးယူပီးအဲဒီ
<b:includable id='mobile-index-post' var='post'> ဆိုတဲ.ကုဒ္ေတြကေပၚမွာထည္.ေပးလိုက္ပါ။
<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«"
}
</script>
<script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
အေရာင္ခ်ယ္ျပထားတဲ.ေနရာေတြမွာကိုယ္.စိတ္ႀကိဳက္ေျပာင္းလဲလို.ရပါတယ္။
Step:4 ေနာက္တစ္ခါ Search box ထဲမွာေအာက္ကကုဒ္ေလးေတြရိုက္ပီးထပ္ရွာပါ။
<b:include name='nextprev'/>
ေတြပီဆိုရင္ေအာက္မွာေပးထားတဲ.ကုဒ္ေတြနဲ.အစားထိုးေပးလိုက္ပါ။
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>
</b:if>
Step:5 ေနာက္ဆံုးအဆင္.အေနနဲ.]]></b:skin> ဆိုတဲ.ကုဒ္ေလးထပ္ရွာပါ။ေတြ.ပီဆိုရင္အဲဒီကုဒ္ေလး
ရဲ.အေပၚမွာေအာက္မွာေပးထားတဲ.ပံုစံေတြထဲကကိုယ္နွစ္သက္ရာ ပံုစံရဲ.ကုဒ္ကိုယူပီးထည္.ေပးလိုက္ပါ။





Step:6 Preview နဲ.အရင္ႀကည္.လိုက္ပါ။သေဘာက်ပီဆိုရင္ Template ကို Save လုပ္လို.ရပါျပီ။
အဆင္ေျပပါေစေနာ္။