Come installare il widget LinkWithin su Blogger

AGGIORNAMENTO: Il widget LinkWithin è stato ritirato e non è più online neppure il sito.

Recentemente Blogger ha modificato le API dei widget esterni e questo sta provocando problemi in quelli che si installavano al di fuori della piattaforma senza l'utilizzo del codice. Tutti i gadget che prima venivano installati con un semplice click e la selezione del blog hanno smesso di funzionare oppure smetteranno quando si proverà a reinstallarli. Questo succede anche per widget gestiti da Team importanti che fino al momento in cui scrivo non hanno ancora aggiornato le loro istruzioni. In particolare ho letto nei commenti che degli utenti stanno avendo delle difficoltà per l'inserimento del widget LinkWithin di cui in passato ho presentato alcune personalizzazioni.

 

In questo post vediamo come si possa installare LinkWithin con alcuni accorgimenti bypassando la procedura standard indicata nelle istruzioni. Si possono usare tre metodi con cui sostanzialmente si ottiene lo stesso risultato. Il lettore potrà decidere quale utilizzare a seconda delle proprie esigenze.

 

PRIMO METODO

 

Dopo aver incollato l'URL del sito con il canonico .com e non con il localizzato .it, aver inserito l'indirizzo email e aver scelto il numero delle miniature da visualizzare (da 3 a 5), si seleziona Other (non Blogger) in Platform e si clicca su Get Widget

Come personalizzare il widget LinkWithin.

Casualmente ho ricevuto un invito a pubblicare un articolo sulle possibili personalizzazioni del widget LinkWithin quando ci stavo già pensando. Per l'installazione del widget recatevi nel sito di LinkWithin e compilate il modulo sulla destra in cui dovete inserire email, URL del blog, piattaforma (Blogger, Wordpress self-hosted, TypePad o Altro), il numero di articoli correlati (da 3 a 5) e mettere o meno la flag per i blog che hanno il testo più chiaro dello sfondo. Si clicca su Get Widget per procedere con l'installazione. Il trucco sta nel selezionare Other e non Blogger per poter personalizzare il codice. Si clicca su Get Widget!

 

Il widget LinkWithin non sarà visibile per alcune ore.

I moltissimi blog che utilizzano il widget LinkWithin non vedranno le miniature sotto il post che rimandano a articoli correlati per qualche ora. Il sito LinkWithin è infatti down e c'è solo questo messaggio

Questo giusto per avvertire i miei lettori blogger che hanno tale widget di non mettere mano al modello perché la cosa non dipende da nessuno di noi e si spera venga risolta al più presto.

Nel messaggio si parla di few hours, forse potevano essere anche più precisi o alternativamente parlare di few minutes!

Come inserire il widget degli articoli simili con miniature completamente personalizzabile.

Il widget LinkWithin è presente in moltissimi blog sulla piattaforma Wordpress e su Blogger. Dai commenti agli articoli che ho dedicato a questo gadget ho potuto constatare che non funziona correttamente in tutti i modelli. Le difficoltà riscontrate sono state

 1)Impossibilità di cambiare la posizione del widget con il mouse

 2)Impossibilità di resettarlo per modificare il numero delle miniature da visualizzare

 3)In alcuni post non appaiono le miniature ma solo dei link a degli articoli

 4)Le miniature mostrate sono un mix tra articoli correlati da medesime etichette e post casuali

 5)Le possibilità di personalizzazione sono minime

Una validissima alternativa a questo gadget è stata creata da Aneesh di  Blogger Widget alla metà di Agosto e, nel momento in cui scrivo, ha già ricevuto 268 commenti. Questo metodo, contrariamente a LinkWithin, si basa esclusivamente sulle etichette e le miniature visualizzate saranno quelle delle immagini dei post che hanno la medesima categoria.

Per inserirlo andiamo su Layout > Modifica HTML e, come al solito, Salviamo il modello completo. Cerchiamo la riga

</head>

e, immediatamente sopra, inseriamo il seguente codice

<!-- Articoli Simili -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #191919; /* Colore del Titolo */
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#FDBCB7;
}
</style>
<script src='https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js' type='text/javascript'/>
</b:if>
<!-- Articoli simili -->

Le personalizzazioni da fare riguardano il colore del titolo delle miniature (#191919) e quello di sfondo delle stesse quando vengono puntate con il mouse (#FDBCB7). Possiamo anche scaricare il file Javascript il cui URL è evidenziato di rosso e caricarlo su un nostro hosting per averne sempre il controllo in caso di blackout del sito su cui è caricato o superamento della larghezza di banda da parte degli utenti.
Adesso cercate una delle seguenti righe (la prima dovrebbe essere presente in quasi tutti i modelli, altrimenti cercate la seconda)

<div class='post-footer-line post-footer-line-1'>
oppure
<div class='post-footer-line post-footer-line-2'>

e, immediatamente dopo alla linea che avete trovato, tra le due indicate, inserite quest'altro codice

<!-- Articoli Simili -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=4; /* Numero di Articoli Simili */
var relatedpoststitle="Ti potrebbero anche interessare:";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Articoli Simili -->

Le personalizzazioni in questo caso riguardano

1. Il numero di miniature da mostrare: si può sostituire a 4 un numero più piccolo o più grande in var maxreults
2. Il titolo del widget che ho inserito identico a quello di LinkWithin "Ti potrebbero anche interessare" e può essere ovviamente modificato.

Salvate il modello e guardate il widget in azione. Le miniature che vengono visualizzate provengono esclusivamente dalle immagini postate negli articoli. Nel caso in cui un articolo non abbia nessuna immagine al suo interno sarà mostrata la miniatura "No Image" come mostrato nel seguente screenshot

Per cambiare l'immagine, che si trova a questo indirizzo, con una personalizzata, si può scaricare il file 

https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js

sostituire l'URL dell'immagine con quello di un'altra che abbiamo precedentemente caricato nel web. Successivamente si ricarica il Javascript su un hosting che lo supporta, tipoDropBox o Google Sites, e si inserisce il suo indirizzo nella prima parte del codice al posto del file Javascript che abbiamo modificato.

Concludo sottolineando che questo widget sarà visibile solo alla fine dei singoli articoli mentre non si vedrà in Homepage e nelle pagine di archivio. Coloro che hanno difficoltà con il widget LinkWithin e hanno un blog con immagini in quasi tutti i post, possono passare a questo widget che non presenta nessuna difficoltà di installazione e di personalizzazione.

Aggiornamento: Coloro che avessero difficoltà con questo codice, che è vecchio e non risiede nei miei spazi, possono provare quello nuovo presentato nell'articolo "Il widget degli articoli correlati con miniature". Questo potrebbe avere problemi di superamento di bandwidth che non si dovrebbero ripresentare con il codice più recente.

Adesso con il widget LinkWithin si può scegliere il numero di miniature da visualizzare sotto l’articolo.

Ho già parlato diffusamente del widget LinkWithin e di come installarlo in modo che sia visibile solo nei post e non in homepage, questo ovviamente per questioni estetiche.

Mi ero lamentato del fatto che, pur essendo un ottimo widget che invogliava i visitatori a cliccare sopra le miniature, non era possibile nessuna personalizzazione.

Forse gli sviluppatori della piccola società che fa capo a LinkWithin mi hanno ascoltato perché da poco tempo è adesso possibile scegliere il numero delle miniature da visualizzare sotto il post.

Questo è interessante soprattutto per chi ha dei modelli larghi

 

Si possono infatti scegliere da tre a cinque miniature da visualizzare. Nel mio caso, avendo un modello larghissimo, ho scelto il numero massimo. Basta selezionarlo nella nuova opzione (stories) presente all’atto dell’installazione del widget.

Per quello che riguarda l’installazione e la successiva personalizzazione per visualizzare le thumbnails solo nei post non mi sto a ripetere e vi invito a consultare il precedente articolo

• Come inserire il widget LinkWithin dei Related Post in Blogger per visualizzare le miniature solo negli articoli -

Se avete già il widget e volete cambiare le impostazioni procedete nel seguente modo

1. Andate su Layout > Modifica HTML e salvate il modello completo
2. Sempre su Layout > Elementi pagina eliminate l’elemento LinkWithin
3. Andate nella Home di LinkWithin per acquisire un nuovo widget con un numero diverso di miniature
4. Procedete all’’installazione guidata del widget come illustrato nell’articolo citato precedentemente

 

Utilizzare contemporaneamente il widget degli articoli correlati e quello LinkWithin in Blogger.

Il widget degli articoli correlati è indubbiamente importante in un blog che fa dei tutorial e dei contenuti il suo punto di forza. Mostrare alla fine dell’articolo tutta una serie di post che hanno delle etichette simili aiuta il navigatore nel trovare altri articoli che lo possono interessare.

Contrariamente a quanto si potrebbe pensare coloro che cliccano realmente su gli articoli correlati che si trovano nella parte bassa della pagina non sono però molti anzi direi decisamente pochi

forse dipende da questo modello o dal fatto che i lettori molto spesso si limitano a leggere la parte alta della pagina. Nell’articolo succitato si può inserire una personalizzazione come numero di articoli da visualizzare per ogni etichetta. All’inizio avevo messo 10 e con alcune tag si vedeva un elenco lunghissimo, adesso sono sceso a 3 quindi il numero degli articoli correlati è decisamente più basso e riguarda articoli più recenti. Nonostante questa scrematura quelli che ci cliccano sopra rimangono in pochi.

Un widget che ha funzioni simili a questo ma oserei dire complementari è quello denominato LinkWithin che si installa automaticamente. E’ molto efficiente ma ha il difetto di non essere personalizzabile

Alla fine di ogni post vengono proposte le miniature di altri tre articoli che potrebbero interessare il lettore. La particolarità di questo script è che non necessariamente questi articoli sono correlati da delle comuni etichette ma sono scelti con un algoritmo che non risiede nel nostro blog ma che comunque è efficace perché coloro che ci cliccano sono più numerosi di quelli che aprono gli articoli correlati.

Secondo me i widget possono benissimo coesistere visto che svolgono ruoli differenti e danno entrambi un servizio ai visitatori.

Per l’installazione dei widget vi rimando agli articoli citati, ricordo solo che il miglior posizionamento è al di sotto dell’articolo con LinkWithin messo più in alto dei related posts