LinkWithin rallenta il blog, torniamo al widget classico senza immagini

Sicuramente il widget articoli correlati che offre LinkWithin è molto bello e utile per i nostri blog, ma ci sono giorni in cui il caricamento delle immagine di anteprima del post è davvero molto lento,rallentando di fatto il caricamento di ogni singola pagina del blog. Quindi stressato da questo comportamento del widget ho deciso di rimuoverlo, almeno fino a quando non sarà un pò più affidabile e ripristinare quello classico senza la visualizzazione delle immagini, altrettanto funzionale e più personalizzabile.

Un altro problema che ho riscontrato nel widget, sta nel fatto che una volta scelto il numero di articoli da visualizzare ad esempio 5, nel caso ci accorgessimo che il numero è troppo alto per il nostro blog, è praticamente impossibile diminuire il numero di post da visualizzare. mentre sembra che l'operazione contraria cioè aumentarne il numero non crei di questi problemi.
 
Quindi se qualche altro "povero cristo" ha il mio stesso problema, o intende semplicemente installare il widget classico, segua questa semplice guida.

Cominciamo rimuovendo, se installato, il widget LinkWithin dal layout del modello.
Quindi andiamo in Layout>>Modifica HTML e mettiamo la spunta su Espandi i modelli widget.
Ora cerchiamo nel codice HTML del nostro template questa stringa:

<p><data:post.body/></p>

e subito dopo incolliamo il codice qui sotto:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>                
<div class='widget-content'><br/>
<h3>Articoli correlati per categorie</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? 
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);    
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);    
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) { 
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? 
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

A questo punto possiamo personalizzare il widget, agendo sulle tre linee che ho evidenziato in rosso, e cioè:

Articoli correlati per categorie: cambiandolo modificheremo il titolo del widget visualizzato nel blog.

maxNumberOfPostsPerLabel = 6: Cambiando il valore, modificheremo il numero massimo di articoli visualizzati per categoria.

maxNumberOfLabels = 2: Cambiando questo valore, modificheremo il numero massimo di categorie visualizzate.

Questo il risultato delle impostazioni di default nel mio blog:



Finito. Per qualsiasi problema, dubbio o perplessità lasciatemi un commento.   Ciao,ciao

Condividi o vota questo articolo

Condividi

post<li>

Se ti è piaciuto l'articolo,iscriviti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog! Per maggiori informazioni sui feed, clicca qui! Oppure diventa Lettore Fisso del mio blog, se non sai come diventare lettore fisso Clicca qui

Articoli correlati per categorie