Numbered page navigation




အဲဒါကို လုပ္ဖုိ႔အတြက္ ထုံးစံအတုိင္းေပါ႔ ။




 ျပီးရင္ </body>ကုိရွာလုိက္ ။ေတြ႔ျပီဆုိရင္ သူေရွ႔နားမွာ ဒါေလးေတြထည္႔ေပးလုိက္ပါ ။










&lt;script type='text/javascript'&gt;

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord ='Prev';

var downPageWord ='Next';

&lt;/script&gt;

&lt;script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;



ေနာက္တစ္ခုထပ္ရွာရဦးမယ္ ။]]></b:skin>ပါ ။ေတြ႔ျပီဆုိရင္ အဲဒီအေရွ႔မွာပဲ

ဒီေအာက္က မိမိၾကိဳက္တဲ႔ အရာေတြကို ေကာ္ပီျပီးေတာ႔ ထည္႔လုိက္ပါ ။အားလုံးအဆင္ေျပၾကပါေစဗ်ာ ။











.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}



.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}



.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;



}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;



}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;





}



.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;



}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}



.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

















.showpageArea {

font-family:verdana,arial,helvetica;

color: #fff;

font-size:11px;

margin:10px;

padding:8px 20px;

background: #333;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

background: #666;

}

.showpageNum a:hover {

background: #888;

}



.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

background: #da6100;

text-decoration: none;

}



.showpageOf{

margin:0 8px 0 0;

}





















.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

background: #333 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -50px repeat-x;

}

.showpageNum a:hover {

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -25px repeat-x;

}



.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

background: #06a2b9 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 0 repeat-x;

text-decoration: none;

}



.showpageOf{

margin:0 8px 0 0;

}

















.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 4px;

margin:0 4px;

text-decoration: none;

border-top:2px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

border-bottom:1px solid #000;

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x;

}

.showpageNum a:hover {

border-top:2px solid #999;

border-left:1px solid #999;

border-right:1px solid #999;

border-bottom:1px solid #999;

background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;

}



.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

border-top:2px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

border-bottom:1px solid #000;

background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;

text-decoration: none;

}



.showpageOf{

margin:0 8px 0 0;

}

0 ေယာက္မွတ္ခ်က္ၿပဳသည္:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Enterprise Project Management