Numbered Page Navigation Widget To Blogger Blog (4th Style).

Ακόμα ένα σχέδιο για αριθμημένη πλοήγηση στο blogger.
Αυτό το script αντικαθιστά το στάνταρ blog pager που υπάρχει (Νεότερες Αναρτήσεις, Αρχική Σελίδα, Παλαιότερες Αναρτήσεις), με ένα σχέδιο αριθμημένης μορφής.

Ας πάμε να το δούμε λοιπόν πως θα τα βάλουμε στο blog μας:

θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Σχεδίαση >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

]]</b:skin>

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

<!--NAVIGATION-4th-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
.blog-pager,
#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
width:500px;
padding:17px;
}
.showpageNum a,.showpage a {
background:#069;
color:#fff; margin-right:.6em;
text-decoration:none;
font-size:15px;
font-style:italic;
line-height:0;
text-align:center;
padding:12px 18px 12px;
-moz-border-radius:36px;
-webkit-border-radius:36px;
border-radius:36px;
}
.showpageNum a:hover,.showpage a:hover {
background:orange;
color:#fff;
margin-right:.6em;
text-decoration:none;
font-size:15px;
font-style:italic;
line-height:0;
text-align:center;
padding:12px 18px 12px;
-moz-border-radius:36px;
-webkit-border-radius:36px;
border-radius:36px;
}
.showpageOf{
margin:0 8px 0 0;
font-family:'Coming Soon', cursive;
text-decoration:none;
font-size:100%;
}
.showpagePoint {
background:orange;
color:#fff;
margin-right:.6em;
text-decoration:none;
font-size:15px;
font-style:italic;
line-height:0;
text-align:center;
padding:12px 18px 12px;
-moz-border-radius:36px;
-webkit-border-radius:36px;
border-radius:36px;
}
<!--NAVIGATION-4th-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Ψάξτε να βρείτε την γραμμή αυτή....

</body>

Μόλις την βρείτε στην αμέσως προυγούμενη γραμμή επικολλήστε τον παρακάτω κώδικα

<!--NAVIGATION-4th-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptsrb.googlecode.com/files/pagination.js' type='text/javascript'/>
<!--NAVIGATION-4th-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Σημείωση!!!!

Στα χρωματισμένα σημεία αλλάξτε τον αριθμό 5 με τα νούμερα που θέλετε εσείς.

var postperpage=5; // ο αριθμός των αναρτήσεων που θα εμφανίζονται στην αρχική σας σελίδα

var numshowpage=5; // ο αριθμός των αναρτήσεων που θα εμφανίζονται στις υπόλοιπες σελίδες

Τέλος κάνετε προεπισκόπηση του ιστολογίου σας κι αν δε σας βγάλει κάποιο λάθος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!