Paginazione numerata su Blogspot

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 != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<script type=’text/javascript’>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Precedente&#39;;
var downPageWord =&#39;Prossimo&#39;;
</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!

We will be happy to hear your thoughts

Leave a reply