Beautiful Page Navigation Widget

12:23 AM ---
            အကိုတစ္ေယာက္က cbox မွာ ထည္႔ရင္ ေကာင္းမယ္လုိ႔ အၾကံေပးလုိ႔ ကြ်န္ေတာ္လည္း သတိမရမိတာနဲ႔ ခုမွပဲ ျပန္ထည္႔ျဖစ္တာ ။ ပုိစ္႔ေတြကုိ နံပါတ္ေတြနဲ႔ စာမ်က္ႏွာအလုိက္ ၾကည္႔လုိ႔ရေအာင္ လုပ္တာပါ ။ လွလည္း လွပါတယ္ ။ ကြ်န္ေတာ္႔ စာမ်က္ႏွာနဲ႔လည္း လုိက္တယ္ :)

လုပ္ခ်င္တဲ႔ ဘေလာ႔ေရးတဲ႔ သူေတြ ရွိရင္လည္း လုပ္လုိ႔ရေအာင္ လုပ္နည္းေလးကို ေရးေပးလုိက္ပါတယ္ ။
လြယ္လြယ္ေလးပါ ။



ပထမဆုံး blogger.com ကိုဝင္ပါ ။

ျပီးရင္  Design ျပီးေတာ႔ Edit HTML ေပါ႔ ။

ျပီးရင္ </body> ႕ကို ရွာလုိက္ပါ ။ ရွာနည္းလည္း အျမဲတမ္းေရးပါတယ္ ။ Ctrl + F ထဲမွာ ရုိက္ထည္႔တာနဲ႔
ေပၚလာျပီ ။ အဲဒီေရွ႔မွာ ေအာက္က ကုတ္ေတြကို ကူးထည္႔ျပီးတာနဲ႔ Preview ကို နိပ္ျပီးေတာ႔ ၾကည္႔လုိက္ပါ ။ အဆင္ေျပတယ္ဆုိရင္ Save လုိက္ပါ ။ အဆင္ေျပပါေစဗ်ာ ။ ခြန္ေမာင္ပန္
.
<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7P5mICGaGeoa_zv2OZ2kPywLqiIZ-qyep2tpeDUzjHd0hHJRx97VqFh0W7OFiwtSIHNHMQZsDYNRvBHO0MwPs8-JAHqUYnYGtIiLNOnZqZ26E1tW0bzbDMI1fwsSFZyQx_-zMmS5lA3iw/) 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:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmSRlPaeVOCkuqj2mZOcAk7xf0tlxO6X1l86nyHocf2JW8v0SqiJLQOg5_yCkndmaofw05H0SIQdh4BmXcFcAb6BueESq4Q5cUSh9CB4IAOwJwd5fhyfYZvyGqwmPpDYHszLomdbqmsvpP/) 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:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmSRlPaeVOCkuqj2mZOcAk7xf0tlxO6X1l86nyHocf2JW8v0SqiJLQOg5_yCkndmaofw05H0SIQdh4BmXcFcAb6BueESq4Q5cUSh9CB4IAOwJwd5fhyfYZvyGqwmPpDYHszLomdbqmsvpP/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmSRlPaeVOCkuqj2mZOcAk7xf0tlxO6X1l86nyHocf2JW8v0SqiJLQOg5_yCkndmaofw05H0SIQdh4BmXcFcAb6BueESq4Q5cUSh9CB4IAOwJwd5fhyfYZvyGqwmPpDYHszLomdbqmsvpP/) 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"/>

0 comments:

Post a Comment

သင္႔ရဲ႔ အၾကံေပးမႈဟာ ေနာက္စာတစ္ပုဒ္အတြက္ တြန္းအားပဲဗ်ာ။