Numbered Page Navigation Widget για Blogger

Numbered Page Navigation Widget για Blogger

1. Βρίσκω στον κώδικα της σελίδας από το ΠΡΟΤΥΠΟ-HTML

]]></b:skin>

από πάνω ακριβώς (και αυτό γιατί με την φράση </b:skin> θα βρεθούμε στο τέλος του κώδικα που οριοθετεί το τέλος της διαμόρφωσης του συγκεκριμένου script), προσθέτω τον κώδικα ανάλογα με την μορφή που θέλω να έχουν οι αριθμήσεις μου….

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Εάν δεν θέλεις να φαίνονται οι λέξεις πρώτη σελίδα και τελευταία, προσθέτουμε…

.firstpage, .lastpage {display: none;}

2. Προσθέτω τώρα το script

Βρίσκω στον κώδικα της σελίδας το

</body>

από πάνω ακριβώς (και αυτό γιατί με την φράση </body> θα βρεθούμε στο τέλος του κώδικα που οριοθετεί το τέλος της διαμόρφωσης του συγκεκριμένου script), προσθέτω τον κώδικα

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

3. Ρυθμίσεις εμφάνισης σελιδοποίησης

Αλλάζουμε τα κόκκινα με τις αρεσκείας μας.

ΠΡΟΣΟΧΗ: στο var perPage=7; Πρέπει να έχουμε ΤΟ ΙΔΙΟ ΝΟΥΜΕΡΟ που έχουμε βάλει και στις γενικές ρυθμίσεις του μπλογκ μας.