Blogger è una delle piattaforme di blogging gratuite più utilizzate e complete in circolazione. Grazie alla possibilità di modificare il codice del modello si possono aggiungere effetti e personalizzazioni per migliorare il blog
In questo articolo parliamo della paginazione: di default in motli template o modelli per Blogger la paginazione consiste in due link in fondo alla pagina o all’articolo, uno per i vecchi posi ed uno per i nuovi se si va indietro. Tuttavia per offrire una migliore esperienza di navigazione agli utenti potresti voler inserire una paginazione numerata: ora vedremo insieme come.
La paginazione numerata ha il fine di aumentare le pagine viste per visitatore, mettendo a disposizione più link su cui cliccare e ottimizzando la navigazione in generale.
Una volta fatto il logi su Blogger bisogna andare nella sezione Modello e successivamente cliccare su Modifica HTML. A questo punto bisogna cercare la riga ]]></b:skin>
ed incollare subito sopra il seguante codice:
.showpageNum a {
background: #fff;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #fff;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #0099FF;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}
Dopo aver incollato questo codice bisogna tornare a cercare, questa volta la riga </body> e subito sopra inserire ancora del codice:
<!–SBT Page Navigation Starts–>
<b:if cond=’data:blog.pageType != "item"’>
<b:if cond=’data:blog.pageType != "static_page"’>
<script type=’text/javascript’>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Precedente';
var downPageWord ='Prossimo';
</script>
<script src=’http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js’ type=’text/javascript’/>
</b:if>
</b:if>
<!–SBT Page Navigation Ends –>
Una volta inserito anche questo è sufficiente salvare per avere la paginazione numerata attiva. Per quanto riguarda il primo codice puoi personalizzarlo come faresti con un qualsiasi file CSS, ad esempio cambando i codici dei colori per adattare meglio il tutto al tuo blog. Nel secondo codice trovi evidenziati in rosso i campi relativi ai link ed al numero di pagine da mostrare nella paginazione.
Se hai difficoltà ad implementare il codice o qualsiasi dubbio o considerazione non esitare a commentare!