27 gennaio 2009

91 commenti Condividi il post Facebook Twitter Google+

Come inserire il numero di pagine in Blogger

Numeri di paginaCome avrete potuto notare in Blogger in fondo alla pagina sono presenti i link Home, Post più vecchi e Post più recenti per navigare nel blog.

Dopo qualche ricerca su internet sono riuscita a trovare il codice javascript da utilizzare in Blogger per visualizzare il numero di pagine presenti nel blog.

Ecco quali sono i semplici passi da seguire.

Fare il login al proprio account Blogger e andare in Layout.

Ora occorre inserire un gadget di tipo html/javascript e incollare il seguente codice:


Nel codice javascript potete modificare queste due linee:

1. var pageCount = 5; // che rappresenta il numero di post da visualizzare in ogni singola pagina

2: var displayPageNum = 3; // che rappresenta il numero di pagine da elencare (prima e dopo quella corrente)

Inoltre va personalizzato il css nei colori, font, ecc.

Infine basta trascinare il gadget sotto la sezione dei post


ed ecco il risultato:

Page navigation


Lorenzo mi ha fatto notare che il codice non funziona sui blog che non terminano con .blogspot.it/. Il suo blog infatti termina con .com/. Ho dato quindi un'occhiata al codice ed ecco cosa occorre modificare:

la riga
var isFirstPage = thisUrl.substring(thisUrl.length-13,thisUrl.length) == ".blogspot.it/";

deve essere sostituita con
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length) == ".com/";

Ringrazio Lorenzo per averlo testato sul suo blog.
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

91 commenti

  1. Che bello! Ora possiamo navigare facilmente sul tuo blog e (ri)leggere per benino tutti i tuoi post!!!

    RispondiElimina
  2. Ah perché prima non lo facevi???

    RispondiElimina
  3. Oh che cosa utile!!

    Ma ion no riesco a scaricare il file. Perchè? :(

    RispondiElimina
  4. Riprova ora! Prima Yahoo era momentaneamente non disponibile.

    RispondiElimina
  5. Ancora niente, riproverò più tardi, speriamo Yahoo si decida a funzionare! ;)

    RispondiElimina
  6. Grazie mille per l'aiuto! Ci sono riuscita! ;)

    RispondiElimina
  7. Ciao Iole! Ti ho assegnato il premio Impegno!
    E' un premio che ho creato io, spero che ti piaccia!

    RispondiElimina
  8. Ciao dolcissima serena notte bacioni.

    RispondiElimina
  9. ciao Iole,vieni a leggere l'iniziativa sul mio post del 31 gennaio e dammi una tua opinione.
    Buon w.e.
    Lella

    RispondiElimina
  10. Ciao bella,ho un premio per te sul mio blog,buona domenica.

    RispondiElimina
  11. @Vlog Sordi: grazie per la segnalazione del bug!

    RispondiElimina
  12. Ciao Iole,

    ottimo veramente, mi serviva. Ma Yahoo è ancora temporaneamente non disponibile..devo cambiare ferro di cavallo o esorcista ;D

    Dato che ci sono, i file da inserire, vanno incollati prima o dopo la riga ]]> < /b:skin> ?

    Un' ultima cosa, come fai a inserire nei commenti il collegamento ipertestuale al testo? (come hai fatto su creareblog per indirizzarmi a questo post)

    Ciao e grazie

    RispondiElimina
  13. @Vinnie:
    1) ho appena controllato e Yahoo è di nuovo temporaneamente non disponibile! Ultimamente però si verifica un po' troppo spesso, mi sa che devo usare qualche altro servizio di hosting.

    2) Il codice del file .css lo devi inserire prima della riga ]]> < /b:skin> mentre il contenuto del file .js va copiato in un elemento di tipo HTML/JAVASCRIPT della sidebar

    3) Per inserire i link all'interno di un commento basta scrivere <a href="indirizzo">testo</a>

    RispondiElimina
  14. Iole ti ringrazio, il collegamento ipertestuale per i commenti mi agevola parecchio. Dai allora per inserire il numero di pagine aspetto che Yahoo si riprenda o a quando cambi servizio di hosting.

    Ciao

    RispondiElimina
  15. @Vinnie: ora Yahoo va, approfittane subito!

    RispondiElimina
  16. Azz tempismo da paura! Va a finire che ti mando un mazzo di fiori! ;D

    Faccio subito! Grazie

    RispondiElimina
  17. @Vinnie: grazie, troppo gentile. Ordinali qui i fiori!!!

    RispondiElimina
  18. Allora i fiorellini te li ho inviati...ho capito che il fioraio non è un eventuale sbocco lavorativo che fa per me ;D (cmq il sito troppo carino, gli dedicherò un post).

    Per quanto riguarda il numero pagine, ho inserito tutto, ma risulta invisibile (l' elemanto HTML/Javascipt è inserito, si vede dalle icone attrezzi per la modifica), probabilmente devo modificare qualcosa nel file, magari i colori,adesso vedo un pò.

    Cmq rigrazie

    RispondiElimina
  19. @Vinnie: grazie per i fiori! Cmq prima avevo scritto "elemento di tipo HTML/JAVASCRIPT della sidebar" invece va messo sotto la sezione dei post e non nella sidebar.

    RispondiElimina
  20. Il mio template mi consente di aggiungere elementi HTML/Javascript a fine area del post nella Home Page, io l ho messo la..giusto si?

    RispondiElimina
  21. @Vinnie: lo so abbiamo template diversi... ma dovresti aggiungere un elemento HTML/JAVASCRITP nel footer e poi trascinarlo sotto la sezione dei post come mostrato nell'immagine. Se hai altri problemi contattami sulla chat!

    RispondiElimina
  22. ok grazie poi ti faccio sapere

    RispondiElimina
  23. Sarei molto interessato. Peccato però che se clicco i collegamenti "questo file" non mi si aprano. Cosa devo fare?

    RispondiElimina
  24. @Gollum: come avrai notato dagli altri commenti, i file li avevo caricati su Yahoo e in questi giorni ha fatto non pochi "capricci". Ora li ha caricati su hotlinkfiles. Riprova e poi fammi sapere!

    RispondiElimina
  25. ciao iole, ho provato ad applicare la tua interessante soluzione...tuttavia non sono riuscito ad aprire il file.js poichè mi dice "...errore di scrittura"... se non c'è differenza, invece che in java, è possibile averlo in html? ti ringrazio anticipatamente e complimenti per il blog... ariciao...marco

    RispondiElimina
  26. Mi da lo stesso errore di neurone in disordine, mi dice errore di scrittura.

    RispondiElimina
  27. @neurone in disordine e Gollum: ho messo il codice css e javascript direttamente nella pagina. Riprovateci ora! ^_^

    RispondiElimina
  28. ciao iole, ti ringrazio per lo sforzo che hai fatto, ma non mi compare nulla nonostante abbia scrupolosamente osservato le tue indicazioni... mi aiuteresti a capire il perchè?
    marco

    RispondiElimina
  29. @neurone in disordine: forse è un problema di template come lo è per Vinnie. Mandami via email il tuo template così verifico sul mio blog di prova qual è il problema e poi ti faccio sapere.

    RispondiElimina
  30. ciao iole..ma è cambiato il codice? io avevo letto e fatto com era prima e andava,ora non so come mai non va piu'..mi daresti qualche consiglio? :) grazie e complimenti ancora.

    RispondiElimina
  31. l' ho avvicinato alla fine dei post e ora va :).

    RispondiElimina
  32. ciaooo bel post!!senti ho un problema io faccio tutti i passaggi ma mi si vedono solo 3 asterischi come mai?

    RispondiElimina
  33. @dcmagirl92: su quale dei tuoi blog l'hai provato? Se mi lasci l'indirizzo do un'occhiata al codice!

    RispondiElimina
  34. ok t ringrazio

    eccolo http://gc-media.blogspot.com/

    RispondiElimina
  35. @dcmagirl92: io non li vedo i tre asterischi. Comunque su alcuni template questo script non funziona. Se mi mandi via email il tuo template lo provo sul mio blog di prova e ti faccio sapere.

    RispondiElimina
  36. guarda iole cii sono riuscita era da attivare un codice grazie cmq ^^

    RispondiElimina
  37. Ciao, potreste vedere se riuscite a far funzionare il pagnav su questo tema?
    Tema: www.pcrevenge.org/asd.xml


    Se non c'è possibilità, mi consigliate qualche bel tema semplice ed elegante?
    Grazie 1000!!!

    RispondiElimina
  38. @Muller: ok, ci proverò e ti farò sapere!

    RispondiElimina
  39. @Muller: ho scaricato il tuo tema, l'ho caricato sul mio blog di prova e seguendo le istruzioni del post non ho avuto alcun problema nel visualizzare il numero di pagine.

    RispondiElimina
  40. A me funziona solo con blogspot.com, però non so, su PiGreco, scirvo molti post, non mi segna più di 72 pagine..

    RispondiElimina
  41. @Gollum:
    1) "A me funziona solo con blogspot.com" hai provato questo codice su altri blog di Blogger che terminano con .com e non funziona?
    2) "non mi segna più di 72 pagine" sei sicuro che il tuo blog ha più di 72 pagine?

    RispondiElimina
  42. Sono sicuro, adesso ho cambiato i post per pagina, però c'è sempre il problema, che ho notato in seguito, non segna più di 500 post, gli altri o li cerchi o non li trovi più..

    RispondiElimina
  43. @Gollum: mi sembra strano, cmq darò un'occhiata al codice per capire cosa non va. Quanti post hai sul blog?

    RispondiElimina
  44. Nel blog ho 677 post, ma ne aggiungo, al giorno, molti...

    RispondiElimina
  45. @Gollum: prova a sostituire nel codice javascript questa parte di codice
    /feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999
    con questa
    /feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=999999999
    e poi fammi sapere!

    RispondiElimina
  46. No, le pagine rimangono sempre le stesse

    RispondiElimina
  47. @Gollum: ieri sono stata contattata da una ragazza che invece aveva il problema opposto al tuo, cioè aveva pochi post.
    Dopo ore di tentativi le ho chiesto di provare a sostituire pageCount = 5; con var pageCount = 3; ed ora riesce a vedere perfettamente i numeri di pagina.
    Nel tuo caso quindi mi verrebbe di dirti di mettere un numero più alto di post per pagina. Io ho provato il codice javascript mettendo l'url del tuo blog e man mano che aumento il valore di pageCount aumenta il numero di pagine. Cmq quando sei online contattami via chat che vediamo se riusciamo a risolvere il problema.

    RispondiElimina
  48. Io, avevo già provato, il n° di pagine cambia a i post rimangono gli stessi. Per la chat, io non ho Messager

    RispondiElimina
  49. Ciao!
    Io ho un problema; ho seguito alla lettera tutta la spiegazione ma in basso mi compaiono 3 asterischi.
    Sapresti per caso aiutarmi?
    Grazie mille!

    RispondiElimina
  50. Mi correggo...
    sono riuscito a far sparire i 3 asterischi e a far comparire i pulsanti coi numeri; il problema è che se clicco sull'1 mi porta alla home senza problemi; se clicco sul 2 mi porta direttamente all'ultima pagina facendomi saltare tutti i post intermedi.

    RispondiElimina
  51. @Conte di Montenegro: ho controllato l'html del tuo blog e non ci sono errori. Cmq sul tuo blog ci sono pochi post (solo 18); mi è già capitato di dover aiutare qualcuno con pochi post e abbiamo risolto il problema impostando nel codice javascript un valore basso per pageCount e displayPageNum.
    Quindi prova a cambiare:
    var pageCount = 7;
    var displayPageNum = 8;

    e fammi sapere.

    RispondiElimina
  52. Seguendo il tuo consiglio ho deciso di provare a inserire il codice nel blog dove ho più post e lì mi funziona.
    Mi rimane però un problema: in blogger in impostazioni->formattazione ho deciso di far vedere 7 post nella pagina principale.
    Dopo di che: settando var pageCount = 7 quando clicco per andare alla seconda pagina dovrebbe venirmi mostrato l'ottavo post in memoria; invece mi mostra il nono.
    E da lo stesso problema tra la pagina 2 e la pagina 3; dopo di che dalla pagina 3 in poi il problema non si presenta più e tutti i post sono visualizzati in ordine.

    Altro problemino...Ho settato var displayPageNum = 5; solo che man mano procedo a vedere le pagine i bottoni numerati aumentano e non vanno a scalare come dovrebbe; in pratica me ne mostra 11 anzichè 5.

    RispondiElimina
  53. purtroppo ho provato e riprovato anche io,ho cambiato numeri,gli ho girati e rigirati,non ce' niente da fare si vedono solo 3 asterischi,cosa potrei mai provare ancora?

    RispondiElimina
  54. @nicole c: ti compaiono i tre asterischi perché hai copiato il codice dalla pagina, clicca su Css Code e Javascript Code e copia il codice dal popup.

    RispondiElimina
  55. ti ringrazio pero' non ho capito niente!!mi spieghi con parole adatte ad una ignorante come me?cosa devo fare?

    RispondiElimina
  56. @nicole c: se passi con il mouse sulle scritte Css Code e Javascript Code ti appare la manina... se clicchi si apre un popup. Ecco anziché copiare il codice dalla pagina, devi copiare il codice contenuto nel popup.
    Spero di essere stata chiara!

    RispondiElimina
  57. sei un amore,grazie mille!!!

    RispondiElimina
  58. Ciao, ho provato il codice seguendo tutti i passaggi e la numerazione mi compare correttamente solo che quando schiaccio pag 2 invece di andare a quella va direttamente all'ultima... Come posso fare???
    Grazie cmq dei tuoi tantissimi consigli presenti sul tuo blog!!!
    il blog è http://nuovoteatro.blogspot.com/ (forse il prob e ke ho poki post)

    RispondiElimina
  59. @Nino Coppolino: ho dato un'occhiata al codice html del tuo blog e ho notato che hai impostato pageCount = 2 cioè due post per pagina, invece ne compaiono cinque per pagina.
    Cmq questo script con pochi o troppi post non funziona correttamente.

    RispondiElimina
  60. Si sono andato in impostazioni>formattazione ed ho settato 2 post per pag ma il prob persiste purtroppo... Cmq grazie mille di essere passata dal mio blog :)

    RispondiElimina
  61. Ciao, ho trovato molto interessante il consiglio ma sto valutando anche un'altra possibilità che sembrerebbe più semplice ma che non riesco ad attuarla.
    Vorrei sostituire la dicitura "Post più vecchi" con un'altra personalizzata, stessa cosa vale a dirsi per "Post più recenti".
    Si può fare? E come?

    Grazie,a presto

    RispondiElimina
  62. @Michele Guzzini: certo, si può fare. Ti consiglio di leggere questo post di Tenebrae.

    RispondiElimina
  63. Ciao Iole, ormai ogni giorno ti chiedo suggerimenti..hi..hi..hi, ho letto e applicato subito le modifiche di questo tuo post anche sul mio blog, e volevo chiederti se c'è la possibilità di fare i caratteri più grandi? dove devo apportare la modifica?
    Cmq il tuo blog è pieno di aiuti e suggerimenti fantastici, brava!

    RispondiElimina
  64. @Mauro: per avere un carattere più grande basta sostituire nel css font-size: 12px; con un valore più grande, ad esempio font-size: 16px;

    RispondiElimina
  65. Grande! Molto chiaro e semplice il tutto!
    Al proposito ti ho inserita nel mio blogroll!
    Grazie mille!

    RispondiElimina
  66. ciao Iole! a me pare che non funzioni correttamente, almeno nel mio blog. quando clicco pagina 2 in realtà sarebbe la 3 oppure la 2 inizia dal 4 post anzichè dal 6 e andando avanti/indietro si perdono dei post. dove ho sbagliato ? Grazie in anticipo!

    RispondiElimina
  67. @ec.log: ho dato un'occhiata al tuo blog... cliccando sul N° 2 il link è del tipo nomeblog/search?updated-max=2009-11-26&max-results=5. In effetti la pagina che visualizzi contiene 5 post con una data precedente al 26 nov. Come dici tu in realtà dovrebbe essere la 3 ma non è così... il motivo è che per la data 26 nov hai pubblicato diversi post (qundi i primi 5 vengono visualizzati correttamente nella prima pagina) cliccando sul N° 2 visualizzi tutti i post con una data precedente (quindi quelli del 25 nov, 24 nov, ecc).

    RispondiElimina
  68. Non ci riesco...di nuovo :( miii
    un'altra cosa, già che ci sono, come hai fatto ad accanto di "posta un commento" avere quella imagine carina con la mattina? potresti spiegare?
    GRAZIE

    RispondiElimina
  69. Grazie mille Iole!! ho scoperto da poco il tuo blog... è veramente spettacolare!! davvero complimenti!! ho appena inserito e personalizzato la numerazione delle pagine!!!
    e presto seguirò tanti altri tuoi preziosi consigli!! grazie! :)

    RispondiElimina
  70. Grazie mille IOLE,FINALMENTE SONO RIUSCITA AD INSERIRE QUESTA BENEDETTA NUMERAZIONE,L'UNICA COSA CHE NON SO FARE è CAMBIARE IL COLORE DEL FONT...iNTANTO ANCORA GRAZIE MILLE

    RispondiElimina
  71. @Anna: che problemi hai con il colore del font?
    Forse può esserti utile questo mio post per impostare i codici dei colori.

    RispondiElimina
  72. Ciao iole,ieri ti ho scritto che andava tutto bene,invece oggi mi accorgo che ho dei problemi.Per esempio:se vado in torte,non me le mostra tutte,ma la numerazione si ferma a 2 pagine,in più spesso nella stessa pagina ripete lo stesso post.Cosa posso fare?Il mio blog è: imanicarettidiannare.blogspot.com.
    Spero che riusciamo a trovare una soluzione perchè mi è molto comoda.Grazie mille

    RispondiElimina
  73. Ciao Iole,ho fattovarie prove ,e quindi:se inserisco il numero di post da inserire nella pagnina =3 me ne fa vedere 6 nella prima pagina e poi cala dopo,però lasciando la numerazione a 5 ;se ne inserisco di meno o di più di numeri post ,non mi fa più vedere l'elenco.Nella prima versione me li mette tutti,ma tutte le volte che vado avanti con la pagina,mi ripete l'ultima ricetta

    RispondiElimina
  74. @Anna: lo script purtroppo non funziona benissimo. Se vuoi visualizzare 3 post per pagina, oltre ad impostare var pageCount = 3; vai in Blogger - Impostazioni - Formattazione e imposta a 3 il numero di post per pagina.

    RispondiElimina
  75. Ok grazie mille,proverò a fare tutte le mie modifiche e poi ti tico.

    RispondiElimina
  76. non mi funziona niente.
    ciao
    marzia

    RispondiElimina
  77. @Marzia: mi puoi dire in quale dei tuoi blog hai provato ad aggiungere questo script? Così controllo cosa non va!

    RispondiElimina
  78. ciao, dato che la template su cui ho sviluppato il blog si sbagla nell'indicare il numero della pagina, vorrei cambiare la numerazione delle pagine e la pagina corrente con un semplice post più recente - homepage - post più vecchio. ma come faccio?

    RispondiElimina
  79. @Casinò de la Vallée: sono stata sul tuo blog e ho visto che hai già provveduto a togliere lo script che genera il numero di pagine. Non hai eliminato però la parte di css; questo comunque non crea problemi.

    RispondiElimina
  80. Ciao Iole,
    ho provato ad inserire il numero di pagine nel mio template di blogger seguendo le tue istruzioni ma quello che mi compare in fondo ai post sono solo tre asterischi. Dove sbaglio?
    Il mio indirizzo termina con ".com" ed ho apportato anche le variazioni che suggerivi.
    Mi puoi aiutare?
    Grazie

    RispondiElimina
  81. @maria: come già detto altre volte nei commenti, compaiono i tre asterischi perché hai copiato il codice dalla pagina, clicca su Css Code e Javascript Code e copia il codice dal popup.
    Riprova e fammi sapere!

    RispondiElimina
  82. Ciao Iole, ho provato a fare come mi hai suggerito nell'ultimo commento. Ho copiato i codici dalle finestre ed ho tolto blogspot perchè il mio blog termina con .com e sostituito 14 con 5 che sono i post che compaiono nel mio blog. Purtroppo i numeri non compaiono e sono spariti anche gli asterischi. Dove sbaglio ancora?

    RispondiElimina
  83. @maria cappello: sono stata sul tuo blog e ho visto che compaiono correttamente i numeri di pagina. Tu non li vedi?

    RispondiElimina
  84. Ciao Iole,
    non ho potuto scriverti prima e me ne scuso, in effetti ci sono riuscita ad inserire i numeri delle pagine, dopo tanti tentativi falliti per la mia imbranataggine.
    Grazie per i tuoi consigli. Navigherò ancora sul tuo blog per inserire altri gadget.
    Grazie ancora.

    RispondiElimina
  85. ciao mi sono aggiunto tra i lettori fissi..volevo che mi aiutassi con questa pagina del mio blog http://www.reggaetonitalia.com/p/radio-reggaeton-94-fm.html non so perchè mi esce lo sfondo tutto bianco mentre nelle altre no

    RispondiElimina
  86. Cara Iole ho girato nel tuo blog e ho scoperto questo bellissimo servizio che ci offri. Ho fatto tutto quello che dici ma non mi compare niente. Perché?
    Buona serata
    sinforosa

    RispondiElimina
  87. @sinforosa c: questo è uno script vecchio... e forse non è più funzionante. Dovrei dagli un'occhiata e sistemarlo! Lo aggiungo alla lista delle cose da fare ;)

    RispondiElimina

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy