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

Imparare a scrivere più velocemente con la tastiera, gratis e online

Imparare a scrivere più velocemente con la tastiera del comput er, gratis e online Quelli un po' più grandicelli si ricorderanno come, prima della diffusione dei personal computer, fosse complicato buttar giù con la macchina di scrivere anche una lettera di poche righe ... se si sbagliava voleva dire, spesso, dover ripartire da capo. Molti hanno imparato a digitare i caratteri sulla tastiera da soli, un po' alla volta ma senza nessuna guida ... senza proccuparsi troppo di sbagliare, tanto i tasti backspace o canc sono lì, belli comodi, e utilizzarli non comporta nessun problema. Poter utilizzare correttamente tutte le dita tuttavia ci consentirebbe di scrivere più velocemente. Ho trovato un servizio gratuito che consente di imparare a digitare sulla tastriera del nostro computer utilizzando le dita delle mani nella maniera corretta. Il servizio, gratuito e utilizzabile senza dover installare alcun programma , ci guida passo passo iniziando da esercizi con livelli di difficoltà

Let's go, It's Google I/O

Come sincronizzare i contatti Google in Thunderbird?

Thunderbird, Thunderbird e ancora Thunderbird!!! Da un po' di tempo non funziona più Gcontacts, estensione che consentiva di sincronizzare i contatti memorizzati su un account Google con la rubrica di Thunderbird. Ho però trovato un valido sostituto, si chiama TBSync. Anche questa estensione permette di memorizzare i contatti e di sincronizzarli in un verso o nell'altro o solo in lettura. Per il corretto funzionamento è necessaria anche l'installazione di "Provider CalDAV e CardDAL" che è anche questa un'estensione liberamente scaricabile. Ho visto che però non è compatibile con le ultime versioni di Thunderbird. Se poi ti dovessero essere utili perchè richieste in fase di configurazione dell'estensione, ti indico qui di seguito gli indirizzi cardav e caldav di Google, ricopiati dall'estensione che dicevo sopra: CALDAV GOOGLE  https://apidata.googleusercontent.com/caldav/v2/ CARDDAV GOOGLE https://www.googleapis.com/.well-known/carddav   Enjoy!