Bloggr Hacks Home Page

ARTICOLI SIMILI in fondo ai 'post' di Blogger


 
 

Questo Hack è piuttosto importante. Infftti alla fine avremo, infondo ad ogni 'permalink' cioè in fondo ad ogni singolo articolo degli articoli simili. Blogger li metterà insieme grazie alle labels. In questo modo il lettore potrà, 'essere catturat' dala curiosità e leggere un articolo che un contenuto simile, cosa molto probabile, così potremo aumentare il numero di pagine viste, fondamentale per un buon andamento del Blo. Inoltre ognipermalink aiuterà a sua volta le pagine più deboli, in modo che il log avrà una crescitaa di pagerank univoca per ogni pagina, proprio come esiderano i motori di ricerca. Veniamo all'Hac:                          Aprire Html Template, cliccare su 'espandi widgets' e cercare <head>  e immetere il seguente coice:

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

   Fine codice cliccate 'Aneprima e poi Salva se tutto ok. . Ora  andremo a cercare questa parte di codice che troveremo dopo il 'blogcco del 'post':  

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
      bene ora  sostituitela con questa oppure aggiungete solo il codice blu .
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>
Salvate dopo aver controllato.                                                          Ora usciamo momentaneamente dal Template html e prendiamo un "nuovo elelmento" Html-Javascript  da aggiungere al nostro Layout. Lo metteremo in fondo, ma ATTENZIONE non in fondo a tutto il blog, ma solo in fondo al post. Con la possibilità di spostare l'elemento con il cursore del mouse è un'operazione semplicissima. All'interno dovremo aggiunger e questo codice:  
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
   che indicherò a Blogger.com di piazzare lì inostri 'ARTICOLI CORRELATI'  ( Intitolandolo così) Ora l'ultima parte. Torniamo su template Html , spillate 'espandi widget' e aggiungete il codice in blu,  Occhio:  lo troverete quasi in fondo a tutto il tempplate;; Questo  codice è diviso in due parti   
<b:widget id='HTML 9' locked='false' title='Articoli correlati' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Conrollate e salvate. In questo utlimo passaggio si dà l'ordine al 'Widgets 9', ma il Tuo magari ha un altr numero , cioè al widget he abbiamo creato di immettere i dati come prima li abbiamo sistemati. Per ritrovare il 'numro' giusto, basta che prima abbiate intitolato il nuovo html box in modo ine quivocabil