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!
Etichette:

Commenti

Posta un commento

Post popolari in questo blog

MTV e la filosofia del “Do Not”: quando la musica anticipava la crisi del digitale

  MTV e la filosofia del “Do Not”: quando la musica anticipava la crisi del digitale Originale dalla campagna do not socialize di MTV Nel panorama delle campagne pubblicitarie provocatorie, quella di MTV denominata “Do Not Socialize” – parte della più ampia “Do Not” Philosophy – resta una delle più audaci e profetiche. Lanciata intorno al 2010, in un’epoca in cui i social network stavano conquistando il mondo, MTV si distaccò dal coro celebrativo per proporre una riflessione controcorrente: e se il digitale ci stesse rubando la vita reale? La campagna, visivamente potente e concettualmente ironica, invitava i giovani a non socializzare online , non condividere , non postare , non taggare . Un paradosso, certo, ma anche una provocazione lucida: MTV, da sempre voce della gioventù, stava mettendo in discussione il nuovo culto della connessione permanente. In un mondo che stava diventando sempre più “social”, MTV suggeriva di tornare a essere asociali – nel senso più liberatorio del...
Posta un commento
Continua a leggere ...

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...
Posta un commento
Continua a leggere ...

Il silenzio che parla: la Canestra di frutta di Caravaggio e il paradosso della natura morta

In un’epoca in cui l’immagine è spesso rumore, la Canestra di frutta di Caravaggio si impone come un invito al silenzio. Non un silenzio vuoto, ma uno che risuona dentro chi guarda, che sospende il brusio del mondo e ci riconduce a noi stessi. Davanti a questo dipinto non viene da parlare, non viene da smanettare sul telefono, non viene da fare nulla se non ascoltare quel silenzio contagioso che avvolge gli oggetti. Caravaggio, mago delle composizioni, riesce a trasformare una semplice cesta di frutta in un teatro dell’anima. La sua natura morta non è una pausa dalla figura umana, ma una sua intensificazione. Paradossalmente, proprio escludendo l’uomo, il pittore ci parla della nostra umanità con una profondità che pochi ritratti riescono a raggiungere. Le mele ammaccate, le foglie ingiallite, l’uva che sembra sul punto di marcire: ogni dettaglio è un frammento di tempo, un’eco della nostra fragilità, della nostra bellezza imperfetta. Il silenzio che emana dalla Canestra non è solo vis...
Posta un commento
Continua a leggere ...