Inserire il numero delle pagine su Blogger!


Questa è una di quelle modifiche relativamente semplici da fare ma che permetteranno di dare un look & feel più gradevole e professionale al blog su Blogger: sostituire i link “Post più vecchi”, “Post più recenti” e “Home” con il numero delle pagine:

image

Decisamente d’impatto, permetterà una navigazione più intuitiva e rapida nel blog.

Inizialmente proposta da Mohamed Rias, questa modifica è stata segnalata con qualche ritocco da Iole (che ringrazio per essermi stata d’aiuto una sera di qualche tempo fa – avete presente quando siete stanchi morti e subito prima di spegnere il pc vi accorgete che il blog è tutto sballato? Ecco, era una di quelle sere).

La ripropongo a mia volta, con qualche piccolo cambiamento. Questa modifica non appesentirà significativamente il caricamento del blog, ed è mia intenzione farla al più presto su questo blog. Come sempre farò riferimento al template Minima, ma non ci dovrebbero essere particolari problemi su qualsiasi altro template.

Passo 1 – Codice per la personalizzazione dei colori

Andate in Layout->Modifica HTML, e cercate queste righe di codice (verso l’inizio):

/* Variable definitions
   ====================

Subito sotto, incollate questo:

  

<Variable name="pagebgcolor" description="Pagine - colore di sfondo"
          type="color" default="#ccc" value="#ffdfbf">
<Variable name="pagefwcolor" description="Pagine - colore testo e bordi"
          type="color" default="#000" value="#cc0000">



E salvate il template. In Layout->Caratteri e colori, apparirà già la possibilità di personalizzare i colori dei link alle pagine che inseriremo:



image



Passo 2 – Codice CSS per definire l’aspetto dei link alle pagine



Tornate in Layout->Modifica HTML, e cercate questa riga di codice (CTRL+F col browser):




]]></b:skin>




Subito sopra, incollate questo:



  

.showpageArea {
margin-top: 12px;
margin-bottom: 10px;
}


.showpageArea a {
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
border: 1px $pagefwcolor solid;
color: $pagefwcolor;
padding: 3px;
margin-left: 5px;
background: $pagebgcolor;
}



.showpageArea a:hover {
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
border: 1px $pagebgcolor solid;
color: $pagebgcolor;
padding: 3px;
margin-left: 5px;
background: $pagefwcolor;
}

.showpageNum a {
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
border: 1px $pagefwcolor solid;
color: $pagefwcolor;
padding: 3px;
margin-left: 5px;
background: $pagebgcolor;
}

.showpageNum a:hover {
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
border: 1px $pagebgcolor solid;
color: $pagebgcolor;
padding: 3px;
margin-left: 5px;
background: $pagefwcolor;
}


.showpagePoint {
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
border: 1px $pagebgcolor solid;
color: $pagebgcolor;
padding: 3px;
margin-left: 5px;
background: $pagefwcolor;
}


.showpageTot {
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
color: white;
}



E salvate le modifiche fatte.



Passo 3 – Inserimento del codice Javascript



Andate in Layout->Elementi pagina, e aggiungete un elemento di tipo HTML/Javascript (nell’esempio l’elemento è inserito sotto la sezione dei post, ma potete aggiungerlo dovunque).



All’interno dell’elemento (lasciatelo senza titolo) incollate questo codice Javascript:



<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length) == ".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum = 1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml = '';
var downPageHtml = '';
var pageCount = 5;
var displayPageNum = 3;
var firstPageWord = '<<';
var endPageWord = '>>';
var upPageWord = '<';
var downPageWord = '>';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage) {
if(title!='') {
if(post.category) {
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable) {
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))) {
if(thisUrl.indexOf(timestamp)!=-1 ) {
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}
itemCount++;
}
}
else {
if(title!='') {
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))) {
if(thisUrl.indexOf(timestamp)!=-1 ) {
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++) {
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)) {
if(fFlag ==0 && p == thisNum-2) {
if(thisNum==2) {
if(isLablePage) {
upPageHtml = labelHtml + upPageWord +'</a></span>';
}
else {
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}
else {
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)) {
html += ' <span class="showpagePoint">'+thisNum+'</span>';
}
else {
if(p==0) {
if(isLablePage) {
html = labelHtml+'1</a></span>';
}
else {
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}
else {
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum) {
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1) {
if(!isLablePage) {
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
else {
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span class="showpage">Pagina '+thisNum+' di '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage) {
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2) {
html ='';
}
for(var p =0;p< pageArea.length;p++) {
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0) {
html ='';
}
if(blogPager) {
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div>

 

 



Prima di salvare l’elemento, potete personalizzare il codice modificando le due righe che ho evidenziato:




var pageCount = 5;


var displayPageNum = 3;




La prima indica il numero di post che verranno visualizzati in ogni singola pagina: in questo caso vale 5. Per ottenere un effetto migliore, consiglio di mettere lo stesso numero di post che state già visualizzando, e che potete cambiare (ma non è necessario farlo) da Layout->Elementi pagina, cliccando su Modifica nella sezione dei post:



image



La seconda indica quanti link alle pagine appariranno. Lasciando 3, ecco il risultato:



 image



Una volta incollato il codice, salvate l’elemento e spostatelo sotto l’area dei post:





A questo punto salvate e visualizzate il blog, per vedere l’effetto. Tutto fatto!



Attenzione!




  • La modifica interroga il feed del blog, per cui può volerci qualche minuto prima che si “accorga” dei nuovi post


  • Potete modificare il codice Javascript per cambiare dimensioni dei caratteri e in generale l’aspetto dei link alle pagine


  • Personalizzate i colori andando in Layout->Caratteri e colori



Previa valutazione dei punti sopra, vi invito a segnalarmi qualsiasi problema che si presenti.



Per l’ultima immagine si ringrazia Mohamed


Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

84 commenti:

Anonimo ha detto...

Ciao, volevo dirti che ho implementato stasera il codice nel mio blog. Volevo dirti che nell'articolo forse c'è un errore, nel passo 2 "Subito sotto, incollate questo:" credo sia "Subito sopra" perchè se lo si inserisce sotto poi appare il codice in alto nel blog.

Mr.Nessuno ha detto...

Cioa Orazio,
confermo l'errore rilevato da Alex Cold:
va copiato SUBITO SOPRA la parte di codice che hai evidenziato tu, altrimenti appare il codice sopra la Navbar di blogger.

A giorni voglio chiederti una modifica in stile wordpress, uso facebook così mi rispondi.

Ciao e buona giornata (PS: sono Carlo S., ho cambiato nick).

ANhIMA ha detto...

Orazio Orazio che è anche stasera è una di quelle..? :)
E tu, con la massima disinvoltura mi piazzi quella gif a fine post cosi'?! :)
Beh spero farai una lezioncina su come crearle, aspetto te eh!! Ciauz

Tenebrae ha detto...

avete ragione, ho corretto l'errore, spero di non aver fatto impazzire troppa gente nel frattempo

@carlo: quando vuoi

@paolo: ultimamente sono tutte serate di quelle, sono sommerso dal lavoro e la sera sono stanchissimo... beh, l'immagine non l'ho fatta io, ma in effetti non è difficile farlo, magari lo inserisco tra le proposte

Vinnie ha detto...

Tenebrae perfetto!
Finalmente ci sono riuscito anche se per il template Arthemia non è facile. Nel caso torni utile a qualcuno ho fatto così:

Nel Template Arthemia manca la porzione:

/* Variable definitions
====================

quindi è impossibile aggiungere questo widget perche richiede la variabile.
Ho copiato la Variable definitions da un altro template e l' ho incollata nel template Arthemia subito sotto i riconoscimenti del template:Name, Designer,URL, Date, Update (per porzione riconoscimenti intendo questa):

-----------------------------------------------
Blogger Template Style
Name: Nome
Designer: Nome designer
URL: www.indirizzo
Date: 29 Feb 2004
Updated by:
----------------------------------------------- */
Qua ho incollato la porzione completa della Variable definitions (subito sotto */), e ho salvato il template.

A questo punto ho potuto inserire questa mofifica di Page Count, ho potuto finalmente regolare i colori (grazie alla Variable definitions) e adesso il Page Count funziona perfettamente.

Fra l' altro credo che adesso sia possibile modificare anche lo sfondo dei commenti autore (in Arthemia, prima non era possibile), appena posso provvedo anche a questo.

Questo widget era proprio quello che mi serviva grazie.

Vinnie ha detto...

Confermo anche lo sfondo dei commenti autore ;D

Iole ha detto...

@Tenebrae: ricordo ancora quella sera... quando hai bisogno d'aiuto contattami pure, ti aiuto molto volentieri.
Cmq nel post non hai scritto che per i blog di Blogger che non terminano con .blogspot.com/ bisogna apportare una piccola modifica al codice javascript.

Rosa ha detto...

Ciao, io purtroppo ho problemi. La spiegazione è molto semplice ma la modifica non è riuscita. Ho rifatto tutto 2 volte.
Non so proprio dove ho sbagliato. Il template è minima.
Puoi aiutarmi?
Grazie
Rosa

Rosa ha detto...

...dimenticavo...il blog sul quale ho fatto la prova è "country painting" :)

Rosa

Simone Saravalli ha detto...

Post molto interessante e ha funzionato alla perfezione con il modello Denim!

the Tramp ha detto...

Questa è una di quelle da fare, me l'appunto e aspetto tue news.Un abbraccio caro Ten.

Tenebrae ha detto...

@vinnie: ottimo!

@iole: come no? quella modifica è integrata direttamente già nel codice, così vale per entrambi i sistemi

@rosa: dovresti provare a fare la modifica su un blog di prova col template minima e basta, per vedere se lì ti riesce: potrebbe essere qualcosa che hai inserito adesso e che va in conflitto.. mi fai sapere?

@tramp: tramp, sei un signore! scusami, al più presto ti farò avere quello che ti serve, non so proprio dove ho la testa ultimamente

Iole ha detto...

@Tenebrae: hai ragione! scusami, non avevo letto bene il codice!

Anonimo ha detto...

Per ringraziarmi di aver visto subito l'errore volevo chiederti una cortesia: se puoi mettere nel sondaggio e sul blog un post per spiegare come è possibile fare in modo che chi entra nella main page del blog si vede automaticamente ampliata la finestra a tutto schermo in modo che coloro che usano colonne a "destra" non se le vedano sballare a causa delle basse risoluzioni. Credo basti uno semplice javascript ma penso possa venire utile a tutti ;-)

Unknown ha detto...

mitico!

gae ha detto...

Ciao scusami non c'entra un grran che con l' argomento ti volevo chiedere visto la tua grande esperienza nel campo perche negli strumenti per web master , va tutto bene pero' trovo sempre degli errori negli :url limitati da robot.txt adirittura 18 me ne ha trovato oggi, la cosa banale che io non faccio niente per bloccare questi robot, altra domanda ma questi errori fanno peso sulla indicizzazione grazie anticipatamente comunque sei un grande ciao

gancjo ha detto...

Grazie come sempre. Inserito e funzionante alla perfezione. Ciao da gancjo.

Piello ha detto...

Per favore, ho un problema, nel conteggio della pagine arriva al 500° post poi li cancella, cosa posso fare?

michele ha detto...

sei un grande!!! per uno che non capisce gran che di informatica trovo seplicemente straordinario che riesca a fare le cose come le spieghi. Mi sei molto di aiuto, però una cosa voglio chiederti: come faccio a mettere nel titolo del blog eventualmente un sottofondo fotografico senza avere bisogno di stravolgere il blog per intero? ti ringrazio e ti saluto

Anonimo ha detto...

Ciao orazio volevo dirti che ho provveduto a porre un link al tuo sito utilizzando il tuo banner (l'ho leggermente modificato di dimensioni portandolo a 150x40, spero non sia un problema). Se possibile puoi mettere il link al mio sito sulla tua area apposita? Il mio sito è http://sentieridellamedicina.blogspot.com , grazie :-)

Anonimo ha detto...

amico mio, credimi, sei enorme!
con i tuoi post sono riuscito a fare modifiche al nostro blog che non avrei mai immaginato.
questa del numero di pagine è semplicemente fantastica!! Notavo il num. di pagine sui blog di splinder e mi chiedevo perchè dovevamo "accontentarci" dei link "post più vecchi, home, post più recenti".
Grazie, Davide.

Anonimo ha detto...

Ciao Orazio, scusami se rompo di nuovo ma ti vorrei suggerire di fare un articolo su quanto segue. Ho notato che quando un computer visualizza un blog su blogspot alla risoluzione di 1024, solitamente il template occupa il monitor per tutta la sua estensione (almeno, cosi spesso viene impostato), tuttavia quando un monitor passa a risoluzione maggiore, tipo 1200, nella parte laterale (solitamente a destra) rimane uno spazio ben ampio e non occupato (appare solo l’immagine dello sfondo del blog).

Volevo chiederti se è possibile fare in modo che nello spazio laterale vada un qualcosa tipo un banner verticale in modo che quando le persone visualizzano a risoluzioni maggiori questi possa andare ad occupare quello spazio rimasto mentre quando visualizzano a risoluzione normale di 1024 questi non sia visibile o sia appena accennato sotto alla barra di scorrimento. Oltretutto sarebbe anche interessante poter fare in modo che in questo caso, nella risoluzione appunto a 1024, non appaia la barra inferiore di scorrimento orizzontale del browser appunto per non scompaginare la visione del sito.

Che ne pensi? Credo che sia una modifica grafica che possa interessare molti, in particolare tutti coloro che desiderano sfruttare lo spazio della grafica del proprio web anche a risoluzione maggiore.

Una ulteriore idea, che ti avevo già suggerito qualche giorno fa e che ribadisco, è fare un articolo in cui si spiega come si possa fare affinché tutti coloro che entrano in un sito lo possano visualizzare a pagina intera (in modo da non scompaginare i template a 3 colonne nella quale quando si accede a schermo ridotto scompare la colonna di destra perché non c’è abbastanza spazio per visualizzarla correttamente).

Per quanto riguarda un articolo sulle alternative ad adsense (ho visto che nel sondaggio è stato molto votato), se vuoi posso pensarci io e scrivere qualcosina a riguardo. Purtroppo le alternative serie non sono molte comunque.

Anonimo ha detto...

Ciao! Posso chiederti di risolvermi un problema?
Il mio blog (http://calcioolandese.blogspot.com/) non da possibilità di commentare a chi lo visita...sapresti dirmi cosa è successo?
Grazie in anticipo

Dino ha detto...

Grazie, perfetto.

Rosa ha detto...

Ok, adesso funziona perfettamente e per questo devo ringraziare Iole che mi ha aiutata e che mi sta aiutando anche per altre modifiche.
Ovviamente grazie 1000 amche a te Orazio!!

Alex ha detto...

Ciao!


Ti chiedo gentilmente una cosa. Ho creato tempo fà un bottone per il mio blog. Il problema è che nel bottone, come puoi vedere tu stesso nella mia pagina, c'è scritto "ALEXILGRANDE", il mio nick. Non ho messo "IL CANE DA GUARDIA DEL POTERE" perchè è un nome troppo lungo da mettere nel bottone. Il problema è che voglio trovare il modo per mettergli il nome del mio blog e non il mio nickname. Quello che ti chiedo è proprio questo: cosa faccio? Tu che sei un blogger creativo puoi aiutarmi?

http://ilcanedaguardiadelpotere.blogspot.com/

Anonimo ha detto...

Ciao ho ujn problema che non centra con questo post, ti scrivo qua xchè se ti mando l'email rischio che non la leggerai x molto..Dunque devo aumentare il carattere dei link sidebar aggiungendo il tag "strong" direttamente nel mio html..non voglio farlo da "caratteri e colori" perchè significa andare su "carattere testo" e li aumenta pure il carattere dei post, tutto quindi...Dove devo guardare?

Grazie ..fatti vivo..^_^

Anonimo ha detto...

Ehi ciao,volevo dirti che il Nostro Blog (MadonnaFlowery) sta per chiudere quindi puoi sospendere l'Affiliazione con Noi. A presto,ciaooo!!!

Erika ha detto...

Ciao, ti scrivo qui perchè non so dove poterti contattare. Il mio problema non centra con questo post ma con le decorazioni pasquali. Ho utilizzato una tua decorazione per parecchie settimane ed oggi non funziona più. Ho fatto diversi tentativi ma senza alcun risultato. Come mai?
Se puoi rispondimi. Grazie Erika

Unknown ha detto...

Grazie mille! Ho fatto la modifica, ed è andato tutto bene! Trovo che inserire il numero delle pagine, sia una cosa utilissima!
L'unica cosa, è che spostando l'elemento proprio sotto l'area dei post, non funzionava. Lasciando l'elemento proprio dov'era, invece si.
Grazie ancora.

Ketty ha detto...

Ciao Tenebrae! Sono quella che aveva il problema dell'immagine che non compariva nei blogroll (ho inserito dei commenti nei post precedenti, l'ultimo qui http://creareblog.blogspot.com/2009/03/aggiungere-e-personalizzare-un-bordo-ai.html#comments ). Ho provato a postare direttamente dal blog, cioè senza usare Windows Live Writer e, magia magia, come avevo intuito lo snippet ora c'è nei blog che mi hanno inserita (vedi per es. http://leperlebijoux.blogspot.com/ ). Non so se è solo una coincidenza, ma se non lo fosse come posso ovviare al problema? Cioè mi piacerebbe utilizzare W.L.W., ma mi piacerebbe anche che ci fosse un'immagine del mio blog nei blogroll degli altri.
Grazie ancora e grazie per i preziosi consigli che ci dai...mi hai fatto tornare la voglia di "parlare" HTML ecc. ecc.
Buona domenica

gancjo ha detto...

Ciao Tenebrae, volevo farti presente una cosa, che non so se è un problema solo mio. Ho installato la numerazione, come puoi vedere sul mio blog, ma quando cambio pagina mi salta alcuni post, che tra l'altro sono presenti andando a ricercarli. Mi puoi illuminare? Grazie, gancjo.

Anonimo ha detto...

Tenebrae ho bisogno di una mano non saprei a chi chiedere come faccio a sapere chi mi ha lasciato un comemnto anonimo?essendo era sgradevole...potrei denunciare a blogger?aspetto un tuo consiglio..mi preme di piu' scoprire chi e' stato..grazie:)

I Dolci di Pinella ha detto...

Sei magico!!! Pure io riesco a seguirti....Grazie di tutto quello che riesco ad imparare

Muni ha detto...
Questo commento è stato eliminato dall'autore.
Anonimo ha detto...

decisamente utile..dovrò farla anch'io...
ciao
fede

Monica Easy Oasi ha detto...

Ciao. Ho letto tutti i commenti, e mi sento ancora più impedita del solito, per lo più non capisco neanche di cosa si parla, ed ho notato che tutti sono riusciti a fare la modifica da te suggerita con successo. Io invece mi sono bloccata al passaggio £ perchè non capisco dove inserire il tutto, in quanto in modifiche mi apre altre finestre con voci a risposta chiusa, quindi non mi dà la possibilità di inserire proprio niente...... Non so se hai capito, non mi riesce manco di spiegarmi un granchè. Ho paura a riprovare il procedimento, perchè avendo salvato le prime fasi, non so più cosa è fatto e cosa è da fare, è ho paura di far saltare tutto il blog (io sono maestra a fare cose che paiono impossibili, e non più risolvibili...... ) Grazie!

Unknown ha detto...

come si fa a fare una cosa del genere http://it.geocities.com/iol3cal/post059/PageNavigationMenuWidget.gif?

Iole ha detto...

@gianpy1988playlist: ciao, mi permetto di rispondere io al posto di Tenebrae. Ho trovato questa immagine qui, non l'ho fatta io!

Unknown ha detto...

feedback for iole, non a tene:P

Anonimo ha detto...

Desidero inserire una rassegna stampa delle 5/6 notizie dai principali quotidiani nel mio blog di Blogger che sto costruendo. Non riesco a passare le notizie nella pagina dei post da Google Reader a blogspot. Potete aiutarmi?

Anselmo ha detto...

Desidero inserire una rassegna stampa delle 5/6 notizie dai principali quotidiani nel mio blog di Blogger che sto costruendo. Non riesco a passare le notizie nella pagina dei post da Google Reader a blogspot. Potete aiutarmi? Anselmo (scusate per l'anonimo di prima)

Valeria ha detto...

Ciao Tenebrae, sono riuscita ad inserire il numero di pagine.. Mi rimangono altri 3 problemini, che non riesco a risolvere.. potresti aiutarmi ?
1) Riguarda le etichette: io attribuisco ad ogni post un certo numero di etichette che mi consentono di catalogarlo, ma non c'è verso di far apparire sotto al post la riga con le etichette alle quali quel post appartiene!
2) Riguarda il blogroll - per quale motivo nei blogroll (altrui) il mio blog appare senza icona, ma solo con titolo blog e titolo ultimo post senza foto ? Lo puoi vedere se vai sul blogroll di qualcuno che segue il mio blog...
3) Riguarda le iconcine affianco al titolo dei post.. ho notato che con mozilla si vedono benissimo, con explorer l'icona viene mozzata, cosa devo fare per far sì che si veda con tutti i browser ?
grazie 1000 in anticipo

Disney Channel Fan Club ha detto...

Non voglio essre scortese, però firse sarebbe ora di scrivere un nuovo post?

Anonimo ha detto...

Sei più unico che raro,se non ci fossi bisognerebbe inventarti...Grazie per i tuoi consigli e trucchi per il blog...Ciao.

Alexxandro ha detto...

Grazie!perchè tu non l'hai inserito ??

Unknown ha detto...

Ciao, ho inserito il tuo link nel mio blog e sono uno dei tuoi lettori fissi!
Questo è il mio blog: http://blogeurocasa.blogspot.com/
Luca.

Marzia Melloni ha detto...

l'ho messo ma non mi vengono i quadretti colorati! perchè?
Mi puoi aiutare?
Marzia

Conte di Montenegro ha detto...

Ciao io ho un problema.
Riesco a inserire senza problema i pulsanti nella pagina e riesco a passare da una pagina all'altra.
Ho modificato i valori "var pageCount = 5;" e "var displayPageNum = 3;" correttamente.
Quando passo alla seconda pagina però mi mostra il più vecchio post inserito, saltando tutti quelli tra il più vecchio e quelli presenti nella home page.
Sapresti aiutarmi?

Gorpino ha detto...

Ciao io ho seguito le tue indicazioni ed e' andato tutto benissimo !!!
Volevo pero' chiederti...ho inserito il numero di pagine ma...come si crea una pagina:S e...come si spostao i veri post nella nuova pagina?
Se potessi aiutarmi saresti davvero gentilissimo
ciao stefano

Roberto Arleo ha detto...

ci sono riuscito, grazie mille ^^

Bradipo ha detto...

Ciao Orazio,

bell'articolo, molto ben fatto!

Volevo segnalarti un piccolo problema (forse un baco?): ho inserito il tuo codice nel mio blog (http://bradipo-tales.blogspot.com/). Il blog è basato sullo stile "Minima" che mi sono divertito a modificare un po'.

Il codice funziona perfettamente, tranne che per una cosa: se voglio visualizzare i post con una data etichetta (ad es. "leggere idiozie") e il numero dei post è maggiore di quelli visualizzabili in una singola pagina, allora il codice "fa casino": nella prima pagina mi mette un numero di post doppio rispetto a quello prefissato. Poi dalla seconda pagina tutto torna normale...

aribi ha detto...

mi sai dire tenebre come scrivere i HTML in un post perche ho un problemone e che quando scrivo un HTML in un post e salvo non meli accetta e quando vado a vedere il mio blog tutti o guasi tutti gli HTML spariscono in nulla mi dici come si fa per favore ciao

Alessia Spalma ha detto...

Ciao Tenebrae, ho avuto anche io lo stesso problema di Bradipo, non so se gli hai risposto in privato... mi potresti suggerire come fare? Grazie mille,
Alessia

ambramelly ha detto...

ciao^^
di nuovo io ombretta
come altre applicazioni ho messo anche nel mio blog le paginette e sono davvero stupende, mi è piaciuto così tanto che le ho messe anche nell'altro mio sito
www.ricamando-online.blogspot.com
un abbaccio caloroso

Vinnie ha detto...

Ciao Tenebrae,

mi si è verificato lo stesso problema di Gollum.

Il conteggio delle pagine si è bloccato a 72, i nuovi articoli vengono inseriti correttamente, soltanto che essendosi bloccato i primi articoli creati vengono automaticamente eliminati e sostituiti dai più recenti.

Si può rimediare in qualche modo?

Ciao grazie

andrea matranga ha detto...

Ciao grazie per i preziosi consigli. Volevo chiederti come mai l'icona del numero di pagine spese volte non viene visualizzata? eppure su aggiungi elementi pagina risulta esserci. Grazie

The Devil874 ha detto...

Bellissima guida complimenti

EVENTS & More con Nozze Glam ha detto...

Io non ono molto brava, ho cominciato a fare il mio primo blog meno di una week fa ma con il tuo aiuto è andato tutto bene.Non ho rivelato rrori, se non i miei nel mettere in praticaesattamente quello che dicevi.Risultato..vedo le pagine rosa e fuxsia..amazing, grazie

Alessandro ha detto...

Ciao.
Ho trovato questa guida, e sto cercando di inserire questi link numerati nel mio blog, soltato che è sopraggiunto un problema. Io come template uso Google Chrome, dopo avere eseguito tutte le tue istruzione mi sono bloccato al punto in cui dicevi di cercare la voce: /* Variable definitions
==================== (cioè all'inizo). Adesso, in questo template non c'è questa riga, ma c'è quest'altra molto simile, è la stessa? *//* Definicion de variables
====================

Potresti risolvere o tu o un altro utente il mio dilemma?

MY JEWELS ha detto...

Ragazzi forse dipende dal template..io ho seguito i passi e sono riuscita as apportare le modifiche.
Grazie!!!!
pds

Gabriele Gualco ha detto...

Ciao, ho seguito tutte le tue istruzioni, sebbene non abbia per il momento più che una pagina, l'elenco nn parte, è normale?

Crème Brulée ha detto...

fantastico!!! come sempre grazie!!

mcaissotti ha detto...

Ciao Tenebrae,
anzitutto grazie mille per i tuoi post, coi quali ho potuto fare tantissime modifiche utili, anche sui blog di miei amici, i quali ti son molto grati!

Ho provato a fare su un blog questa modifica. Ci son solo 7 post. Nella prima pagina mi appaion cinque, cliccando su "pag.2" (o sucessive) non mi mostra gli altri post dicendo "Nessun post corrisponde alla tua ricerca". Quale potrebbe essere il problema?
Grazie mille!

Jacopo ha detto...

Il blog e' www.doctorbrand.it ho fatto le modifiche ma mi appare il link testuale "Post più vecchi" e non i numeri. Se clicco su "post più vecchi" mi appaiono correttamente. Come posso fare per vedere su subito i numeri delle pagine? Grazie mille.

Unknown ha detto...

HO ESEGUITO TUTTO IL PROCEDIMENTO A DOVERE
APPARE TUTTO
PERO IL CONTEGGIO DELLE PAGINE ARRIVA FINO A 72 MENTR CE NE SONO ALTRE PRECEDENTI PERCHE ??
http://caferacerculture.blogspot.com/

ianna ha detto...

io ho seguito tutto alla lettera ma non mi compare nessun page counter sotto.. ho provato e riprovato più volte ma nulla.. mi sembra strana come cosa.
Qualcuno ha avuto il mio stesso problema e ha risolto?

Kaeel ha detto...

Domanda: in questi giorni (come workaround per il problema sui post espandibili di cui parlavamo nell'altro post ;)) ho modificato un po' di volte il numero di post per pagina, settandoli per il momento a 5.
Ho effettuato la modifica sia sul codice javascript, sia su Layout->Elementi pagina.
Ora mi sono accorto di una cosa:
- fra la pagina 1 e la pagina 2 vengono "persi" un paio di post.
- fra la pagina 2 e la 3, c'è un post ripetuto due volte (l'ultimo della 2 è lo stesso del primo della 3).
- fra la 3 e la 4 è tutto OK
- fra la 4 e la 5 c'è ripetizione di un post.

Mi sono perso qualcosa? In che altro punto può secondo te/voi esser possibile settare il numero di pagine?
Intanto grazie :)

K.

faffy83 ha detto...

ciao tenebrae, il widget è ma come posso togliere la scritta "pagina 1 di 2"? :) crassie.

faffy83 ha detto...

il widget è fantastico, volevo dire! ;))

luna margherita ha detto...

finalmente questo widget!
semplicissimo da installare, ma noto un po' di problemi (come alcuni hanno già detto): il più grave è che si perdono alcuni post.
complimenti per il servizio che svolgi!

Sarah Tognetti ha detto...

Fatto sei fantastico! Anche se tutti i numeri non sono perfettamente allineati dentro la casella! ;-)
Sarah

DaniVerdeSalvia ha detto...

Ci sono riuscita PERFINO IO !!!! E alla prima !

http://clp8uq.bay.livefilestore.com/y1pkdOHcQx8Nk0OH8Uw_xx2syQ7NQEvXVEpBlOnCCbmVvHJ0sxhxP6FpbcBpjngS1E7aecB2Defd_fz5gEIVa1p2w/4.gif
Non c'è che dire, Orazio, istruzioni Idiot Proof!
Grazie,
Dani

Maggie ha detto...

non so come rigraziarti, non ce l'avrei mai fatta senza il tuo post. Grazie mille!!!!

Mauro ha detto...

Ciao, a proposito di questo wighet, ho provato ad inserirlo nel mio template a 3 colonne, ma non va, bisogna fare qualche modifica al codice? Perche su un altro blog a 2 colonne va benissimo!

batu ha detto...

ciao! ho segiuto tutte le istruzioni ma i miei numeri non sono dentro al quadratino..non che siano male allineati ma il contorno non c'è proprio. da cosa può dipendere?

Massimo ha detto...

Ciao Tenebrae, non so come mai, ma il numero di post per pagina non mi cambia, anche cambiando il 5 di default. Inoltre, l'unica pagina che mi fa vedere oltre la prima è l'ultima della lista. Le mediane sono sparite.
www.beatstonemarine.com
Per il momento torno indietro, in attesa di aiuto. Grazie. ciao Massimo

glory ha detto...

ciao, grazie per la spiegazione molto chiara, mi appare ora quanto hai scritto, con una differenza : non mi appare il quadratino :-(
Il mio blog è http://gloryflower1.blogspot.com/
Grazie, ciao
gloria

xiofen ha detto...

nel modello revolution church non vi è la Variable defenitions e se la inserisco il sito assume tutt altro aspetto...come posso fare?

tangalor ha detto...

Grande :) fantastico in due minuti l'ho messo su www.fotoimmaginigratis.com

Grazie mille davvero, sei molto bravo a spiegare queste cose blogghistiche!

I manicaretti di Annarè ha detto...

Ciao,il codice funzione,solo che mi da alcuni errori tipo:se vai nella pagina primi piatti del mio blog,invece di 11 post ne fa vedere 10.In ricette napoletane,li fa vedere in doppio varie volte.Spero tu possa aiutarmi.il mio blog è:imanicarettidiannare.blogspot.com

undercaos ha detto...

non funziona -.-

OneShot ha detto...

A me si vede bianco -.- helppp

jeveuxit ha detto...

da me non funziona! guarda http://jeveuxit.blogspot.it/


Prima di lasciare un commento, leggete qui

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.