Passa ai contenuti principali

Articoli correlati (Related posts) su Blogger Blogspot

Abbiamo visto altre volte come sia possibile e facile personalizzare il nostro sito in Blogger Blogspot, aggiungendo widget (o gadget) simili a quelli disponibili per Wordpress come la Tag cloud. Quello che presento ora è una modifica al vostro sito Blogger Blogspot che permette di avere un elenco di articoli correlati a quello che viene visualizzato, widget utile, oltre che carino, per fidelizzare i nostri lettori.


A differenza di altri gadget che possono essere inseriti incollando codice da Layout -> Aggiungi un gadget, in questo caso bisogna modificare il codice Html, ma tranquillo, non è difficile, anche in questo caso basta un copia e incolla!
Esistono più gadget per gli articoli correlati. Quello che ti presento in questo articolo è il più classico e semplice e sono convinto che ti piacerà.

Operazioni preliminari
Prima di tutto esegui un backup del tuo modello da Layout -> Modifica Html -> Scarica modello completo. Questo ti consentirà di porre rimedio nel caso tu commettessi degli errori.
Passo 1
Vai a Layout -> Modifica HTML. Poi clicca sulla casella Espandi i modelli widget



Passo 2
Cerca il seguente codice

</head>

e subito prima di tale riga incolla questo codice

<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://7a9ymq.blu.livefilestore.com/y1pZXx089yzvZ2OURU4uckG7fRd0lpY8LdXip1agNUQE7NUYCYTVSj5NuLnIiAtej3JGgWBJimcQjE/commbg.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://www.lucapacini.50g.com/Depo_Blogger/relatedPosts_ForBlogger2.js' type='text/javascript'/><!--RelatedPostsStops-->

Passo 3
A questo punto cerca il seguente codice

<data:post.body/>

e subito dopo incolla questo

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->

Non c'è altro da fare. Salva e il gioco è fatto!
Se vuoi puoi personalizzare il numero di articoli correlati esposti, andando a modificare il numero indicato accanto a max-results, di default impostato a 5.
Buon divertimento!
Via bloggerstop.net

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!