after traveling around can eventually made ​​his tips are good for the navigation page numbers at the bloggers.

following his tips:

find this code ]]></ b: skin> css script below just above the ]]></ b: skin>

     . showpageArea a {

     text-decoration: underline;

     }

     . showpageNum a {

     text-decoration: none;

     border: 1px solid # cccccc;

     margin: 0 3px;

     padding: 3px;

     }

     . showpageNum a: hover {

     border: 1px solid # cccccc;

     background-color: # cccccc;

     }

     . showpagePoint {

     color: # 333;

     text-decoration: none;

     border: 1px solid # cccccc;

     background: # cccccc;

     margin: 0 3px;

     padding: 3px;

     }

     . showpageOf {

     text-decoration: none;

     padding: 3px;

     margin: 0 3px 0 0;

     }

     . showpage a {

     text-decoration: none;

     border: 1px solid # cccccc;

     padding: 3px;

     }

     . showpage a: hover {

     text-decoration: none;

     }

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

     text-decoration: none;

     color: # 333333;

     }

then later look for the code </ body>, put the script below just above the code </ body>

     <b:if cond='data:blog.pageType != "item"'>

     <script type='text/javascript'>

     pageCount var = 5;

     displayPageNum var = 5;

     var upPageWord = 'Previous';

     var downPageWord = 'Next';

     </ script>

     <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

     </ b: if>

Finally save the template, and see its results will be mounted on the blog.

0 komentar:

Posting Komentar