ဘေလာ့မွာ " Beautiful Numbered Page navigation Widget" ေလးထည့္ခ်င္ရင္+

                                  

           အထက္မွာ ျပထားတဲ့ ပံုေလး အတုိင္း ဘေလာ့မွာ "Numbered Page Navigation Widget" ေလးထား
ခ်င္ေသာသူငယ္ခ်င္းမ်ားအတြက္ေအာက္မွာ "codes" ေလးတင္ေပးလိုက္ပါတယ္။ ဘေလာ့မွာ ဒီ widget
ေလးရွိတယ္ဆိုေတာ့ ဘေလာ့ ကိုလာလည္ တဲ ့ သူငယ္ခ်င္းေတြအတြက္ လည္း "Older Posts and Newers Posts"  ေတြ ကို အလြယ္ တကူ ရွာနုိင္တာေပါ့။ဘေလာ့ တုိင္းမွာ သံုးတာ ကိုလည္း ေတြ ့ ရပါတယ္။လိုအပ္
လို ့ လိုခ်င္ေသာသူငယ္ခ်င္းမ်ား ေအာကမွာ ယူသြားလိုက္ ခင္ဗ်ား..........။

                                                                      


ပထမဆံုးအေနနဲ ့ "Blogger " ကို အရင္ ၀င္ျပီး "Design" ကိုသြားပါ။ေနာက္ "Edit HTML" ကိုနွိပ္ပါ။ ေနာက္

</body> ဆိုတဲ့"Codes" ကိုရွာပါ။ေတြ ့ရင္ ေပၚမွာ ေအာက္က Codes ကိုထည့္ေပးလိုက္ပါ။

                                                 
<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwkYhq5MheJvXa2AcVBczSIPNf58D5WRL5bETHEFgZEfcj9Vxr4bDhqhtJtRIXA_vk8IKWlICotExKS-jrLA-obMsBlSD1Iy3jplJTKyH7wkyq8qwOI3CorFDJUxqd5IQnecXuTE1Eb4wD/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;}
    .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;}
    .showpageOf{float:left;padding-top : 6px;}
    .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDeTPLwvUd-cRSU2QOpHPCIclx4XhrBml1eJFtpm_SEH_E2746LAlOKvbkk3QcsZWaW7uRBDtY_Ma5cRjPwIFuwp9eZgDbHeZgJjioYS_wygn6w9bq54yhyEW4vHNAN94tusdpFg_DFbP/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;}
    .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDeTPLwvUd-cRSU2QOpHPCIclx4XhrBml1eJFtpm_SEH_E2746LAlOKvbkk3QcsZWaW7uRBDtY_Ma5cRjPwIFuwp9eZgDbHeZgJjioYS_wygn6w9bq54yhyEW4vHNAN94tusdpFg_DFbP/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDeTPLwvUd-cRSU2QOpHPCIclx4XhrBml1eJFtpm_SEH_E2746LAlOKvbkk3QcsZWaW7uRBDtY_Ma5cRjPwIFuwp9eZgDbHeZgJjioYS_wygn6w9bq54yhyEW4vHNAN94tusdpFg_DFbP/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;}
    .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=1;
var upPageWord="Previous";
var downPageWord="Next";
</script>
<script type='text/javascript' src="http://bloggerblogwidgets.googlecode.com/files/BeautifulPageNavi.js"/>


အားလံုးျပီးရင္ ေတာ့ "Save" လိုက္ပါ။

Please Sign-In to Blogger before creating the Gadget.

အဆင္ေျပၾကပါေစ..........; ခင္မင္လွ်က္;

 မ်ိဳးမင္း