Page Navigation σε στυλ Google

• Σύνδεση στον λογαριασμό σας Blogger
• Χωρίς να τσεκάρετε την Επέκταση Γραφικών Στοιχείων βρείτε την ετικέτα ]]></b:skin>
• Αντικαταστήστε την με των παρακάτω κώδικα:

#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://www.google.com/images/nav_logo7.png) no-repeat 0 0;height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}
]]></b:skin>

• Βρείτε τώρα την ετικέτα </body>
• Αντικαταστήστε την με τον παρακάτω κώδικα:

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;

<script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>
</body>

var postperpage=7;

var numshowpage=4;

Αλλάξτε τους αριθμούς ανάλογα με το πώς ταιριάζουν στη σελίδα σας

• Βρείτε τώρα την ετικέτα 'data:label.url' αφού έχετε κλικάρει πρώτα στο Επέκταση Γραφικών Στοιχείων
• Αντικαταστήστε την με την ακόλουθη ετικέτα:

'data:label.url + "?&max-results=7"'

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