Cheap jerseys Pittsburgh Steelers jersey authentic cheap jerseys nfl Green Bay Packers Jerseys For All Of The Fans cheap jerseys online shop cheap jerseys online shop

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!

rotate|
3000€ al mese con un Blog:il Libro che spiega come

Da 0 a 30.000 Con Un Blog in 10 Mesi: Come Sono Riuscito a Creare Un Nuovo Blog E Guadagnare Più Di 30.000 in 10 Mesi

We will be happy to hear your thoughts

Leave a reply