Σελίδες με αριθμούς. Numbered page navigation. Δουλεύει αμέσως.

Σε προηγούμενες αναρτήσεις έχουμε μιλήσει για πολλές παραλλαγές. Αυτή πιστεύω είναι η πιο γρήγορη για να λειτουργήσει αμέσως. Όχι ότι οι προηγούμενες δε δουλεύανε, απλά σε κάποιες Σελίδες ίσως καθυστερούσαν λίγο. Τη συγκεκριμένη παραλλαγή τη χρησιμοποιώ στη Σελίδα www.favoritebtemplates.com

Ακολουθήστε τα παρακάτω βήματα αν θέλετε να το εγκαταστήσετε κι εσείς στη δική του Σελίδα (με τη νέα πλατφόρμα Blogger):

• Σύνδεση στον Blogger
• Πρότυπο / Επεξεργασία HTML / Συνέχεια
• Βρείτε την ]]></b:skin>
• Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

.showpageArea {
margin:10px 0
}
.showpageArea a {
text-decoration:none;
}
.showpageNum a {
background-color:#ddd;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
font-size:11px;
border:1px solid #999;
padding:4px 8px 4px 8px;
margin:2px; color:#000;
text-shadow:1px 1px #fff
}
.showpageNum a:hover {
background:#eee;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #cdcdcd;
text-shadow:1px 1px #fff
}
.showpagePoint {
background:#eee;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #cdcdcd;
font-size:11px;
color:#000;
padding:4px 8px 4px 8px;
margin:0 5px 0 5px;
text-shadow:1px 1px #fff
}
.showpageOf {
background:#ddd;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#111;
padding:4px 8px 4px 8px;
margin:0 5px 0 5px
}
.showpage a {
background:#ddd;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#000;
padding:4px 8px 4px 8px;
text-shadow:1px 1px #fff
}
.showpage a:hover {
background:#ccc;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#000;
text-shadow:1px 1px #fff
}
.showpageNum a:link, .showpage a:link {
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
color:#000
}
.rel-posts h4 {
margin:0;
padding:0
}
#permalink {
padding:0 5px;
color:#ddd;
font-size:11px
}
#permalink2{
padding:0 5px;
color:#ddd;
font-size:11px
}
#blog-pager{width:98%;float:left;margin:6px 0 1px;padding:7px 0}.post img,table.tr-caption-container{padding:0px;border:1px solid #666}

• Βρείτε τώρα την </body>
• Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

<!--Page Navigation Starts-->
<script type='text/javascript'>;
var home_page=&#39;/&#39;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=2;
var upPageWord =&#39;&lt;&lt;&#39;;
var downPageWord =&#39;&gt;&gt;&#39;;
</script>
<script type="text/javascript" src="http://yourjavascript.com/32894123221/[www.bloggertipsandtricks.net]pagenavigation.rtf.js"></script>
<!--Page Navigation Ends -->

• Αποθήκευση προτύπου και είστε έτοιμοι.