Blog မွာ Page Navigation Widget လွလွေလးထားႀကမယ္ဗ်ာ

ဒီတစ္ခါ Blog မွာ Page Navigation Widget လွလွေလးထားႀကမယ္ဗ်ာ
လုပ္နည္းကေတာ့
  ► login blog
  ►Dashboard ကေနTemplate >>Edit HTML ကုိနွိပ္ပါ
  ► Ctrl+f ကုိနွိပ္ၿပီး </body> ကုိရွာပါ ေတြ႔ ရင္  </body> ရဲ႔အေပၚကုိ 
ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကူးထည့္လုိက္ပါ။
အဆင္ေျပပါေစ...........

<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/AVvXsEjSIvtcZhcYHdoS0uKuDqm2tP9PWio10dTWspJkOjJ0WpD9Momi3K27D_FBd2G8lIduAwoZaUNU4wZI5Xx9morVIrIEZNUDoaFqHNf7-8NpI22uDzGDk5w6yxoO4Jqu5H2DpfHAhgMN5n0_/) 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/AVvXsEi8m-ybZElAUtINEiwCeSYm3Gq6V9YuAxrz5-J_XrLpdItu9djCigyvMUx3HKursqNvzAVaxkBVTrjXokUXXVHS7HCk74Q1sH57vNIHF8mI7wna9UxNMX7C1QjaDrhKb24LCdWuPf21FxFg/) 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/AVvXsEi8m-ybZElAUtINEiwCeSYm3Gq6V9YuAxrz5-J_XrLpdItu9djCigyvMUx3HKursqNvzAVaxkBVTrjXokUXXVHS7HCk74Q1sH57vNIHF8mI7wna9UxNMX7C1QjaDrhKb24LCdWuPf21FxFg/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8m-ybZElAUtINEiwCeSYm3Gq6V9YuAxrz5-J_XrLpdItu9djCigyvMUx3HKursqNvzAVaxkBVTrjXokUXXVHS7HCk74Q1sH57vNIHF8mI7wna9UxNMX7C1QjaDrhKb24LCdWuPf21FxFg/) 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://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

 

Posted in: