Passa ai contenuti principali

Numerazione pagine in Blogger Blogspot

Se sei alle prime armi puoi pensare che molte delle funzionalità proprie di Cms quali Wordpress o Joomla! non siano disponibili per Blogger Blogspot. Questo non è (sempre) vero.
Noi abbiamo già parlato di cosa si può con questa piattaforma blog ad esempio in questi artcoli:

Quello che viene proposto ora è un widget che consente l'inserimento della numerazione delle pagine del blog come da questa immagine
Aggiungere questa funzionalità al blog è molto semplice, è sufficiente connettersi al proprio account blogger, andare nella scheda Layout e aggiungere un elemento


Scegliere Html/Javascript Widget ed incollare questo codice

<style> .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } </style> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.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 = 'First'; var endPageWord = 'Last'; var upPageWord ='Previous'; var downPageWord ='Next'; 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; } } } }//end if(post.category){ 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 += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></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++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ 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 style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(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://anshuldudeja.blogspot.com">Blogger Widget</a></div>

Successivamente spostare il widget alla base dei post
A questo punto abbiamo finito. Visualizza il tuo blog.
Buon divertimento!

Commenti

Post popolari in questo blog

Problemi sui server Aruba?

  Oggi problemi sui server Aruba Non vorrei sbagliarmi ma mi pare proprio che oggi 6 ottobre i siti, o almeno alcuni, che si trovano sui server di Aruba non funzionino. Infatti dopo un po' che il browser prova a caricare la pagina, il messaggio che appare e' questo:    Tempo per la connessione esaurito       Il server www.     .org sta impiegando troppo tempo a rispondere. Il sito potrebbe non essere disponibile o sovraccarico. Riprovare fra qualche momento.  Se non è possibile caricare alcuna pagina, controllare la connessione di rete del computer.  Se il computer o la rete sono protetti da un firewall o un proxy, assicurarsi che Firefox abbia i permessi per accedere al web. Risulta anche a Voi? Postate ... se volete.

Quando l’uomo lasciò il giardino dell'Eden: miti, agricoltura e la memoria di un trauma

C’è un filo sotterraneo che unisce Harari, Graeber e i miti più antichi dell’umanità. Non è un dettaglio erudito, né un gioco di parallelismi: è la percezione che i miti non siano semplici favole, ma la forma simbolica con cui le società hanno registrato le loro grandi trasformazioni. Tra queste, nessuna è stata più radicale della rivoluzione agricola. Il mito come memoria culturale Harari lo dice con una formula provocatoria: non è stato l’uomo ad addomesticare il grano, ma il grano ad addomesticare l’uomo. Graeber e Wengrow, da un’altra prospettiva, mostrano che la transizione all’agricoltura non fu un destino inevitabile, ma una scelta culturale, ripetuta e spesso reversibile. Eppure, quando quella scelta divenne irreversibile, lasciò un segno profondo. I miti sono la traccia di quel segno. La Genesi come racconto polemico della civiltà La storia di Adamo ed Eva, letta fuori dal suo involucro teologico, sembra la memoria di un mondo perduto. Prima del frutto proibito, l’umanità vive...

CANCELLAZIONE ABBONAMENTO AMAZON PRIME

Dopo l'aumento del costo annuale Amazon Prime è bene chiedersi se davvero è utile essere abbonati. Considera che le spedizioni sono SEMPRE gratuite per i prodotti Prime per spedizioni superiori a 29 Euro anche se non sei abbonato, devi soltanto aspettare un paio di giorni in più per la consegna. Inoltre non potrai più vedere i Film e i Telefim su Amazon Prime Video. Se decidi di annullare l'iscrizione come ho fatto io tieni conto che i vantaggi Amazon Prime rimangono validi fino alla scadenza per la quale hai già pagato in precedenza. Questo è il link per bloccare il rinnovo automatico: https://www.amazon.it/gp/primecentral?ie=UTF8&%2AVersion%2A=1&%2Aentries%2A=0& e questa la schermata di conferma: