Come installare il widget LinkWithin su Blogger

Come riuscire a installare il widget degli articoli correlati di LinkWithin su Blogger se il collegamento diretto con funziona.

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

 

Si aprirà una pagina con il codice da selezionare e copiare

 

che sarà simile a questo

 

<script>
var linkwithin_site_id = 2075699;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

L'unica differenza sarà data dall'ID del widget evidenziato di giallo che sarà funzione dell'URL inserito. Questo codice andrà modificato aggiungendo due tag condizionali per mostrare il widget solo nei post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
var linkwithin_site_id = 2075699;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
</b:if>

 

Tali tag condizionali sono stati evidenziati di verde. Ovviamente l'ID evidenziato di giallo sarà diverso da blog a blog. Adesso si va su Modello > Modifica HTML e si cerca con Ctrl+F la riga </body>. Il codice precedente si incolla subito sopra a tale riga e si salva il template. 

 

Se si va su Anteprima non si visualizzerà nulla. Alla fine di ogni articolo si vedrà la scritta Ti potrebbe anche interessare oppure l'analoga espressione inglese. Potrebbe darsi che i primi giorni non si visualizzino tutte le miniature e che la scritta rimanga in inglese. In questo caso non resta che aspettare perché l'aspetto del gadget dipende esclusivamente dai server di LinkWithin. In realtà tale widget non è altro che un gadget degli Articoli Simili con miniature e secondo me è sopravvalutato.

SECONDO METODO

Si inserisce l'URL del nostro blog su LinkWithin e come nel primo caso dopo aver scelto il numero delle miniature da visualizzare si seleziona Other in Platform e si va su Get Widget

Nella finestra successiva si seleziona e si copia il codice come nel caso precedente. Stavolta però non lo inseriremo nel template. Si torna nella pagina di LinkWithin e compileremo nuovamente il modulo ma stavolta selezionando Blogger come Platform. Si va nuovamente su Get Widget

Nella pagina successiva si dovrà cliccare su Install Widget per selezionare il blog in cui inserire il gadget

 

Se si vuole mostrare il widget solo nei post è meglio digitare un titolo del widget. Si clicca su Modifica contenuti e vedremo che il campo è bianco. Nel caso in cui cliccassimo su Aggiungi widget l'installazione non andrebbe a buon fine. Bisogna quindi incollarvi il codice che avevamo selezionato e copiato in precedenza come mostrato nello screenshot. Solo allora va cliccato su Aggiungi widget. Verrà aperta la pagina del Layout in cui spostare con il mouse il widget LinkWithin sotto l'area del post 

Si va in alto su Salva disposizione. Se adesso si apre il blog si visualizzerà il widget sotto a tutti i post anche in Homepage, nelle pagine di etichette e di archivio. Se questo vi soddisfa potete lasciare le cose così e fare a meno di leggere il resto dell'articolo.

La presenza di LinkWithin in Home e nelle altre pagine dinamiche del sito appesantirà però moltissimo il caricamento del blog visto che per esempio se avete scelto di visualizzare 8 post nella home ci saranno anche 8 widget Linkithin. Le Etichette di default mostrano fino a 25 articoli che avranno tutti e 25 il loro widget. Per evitare questo problema dobbiamo inserire degli appositi tag condizionali nel template. Andate su Modello > Modifica HML e cercate mediante Ctrl+F il titolo del widget che avrete avuto l'accortezza di digitare. Si va sulle freccette nere per visualizzare tutto il codice 

 Subito dopo alla riga <b:includable id='main'> va incollato il primo tag

<b:if cond='data:blog.pageType == &quot;item&quot;'>

mentre subito prima della riga </b:includable> va incollata la riga </b:if> in questo modo

 

Finalmente si salva il modello. In questo modo il widget LinkWithin sarà visibile solo alla fine dei post e non sarà più mostrato in Home, nelle pagine delle Etichette e nelle pagine di Archivio.

TERZO METODO

Si tratta di un mix dei primi due quindi lo accennerò in maniera più sintetica. Bisogna andare su LinkWithin è compilare il modulo selezionando la piattaforma Other quindi si va su Get Widget e copiare il codice del gadget. Tale codice va incollato su Layout > Aggiungi un gadget > HTML/Javascript, quindi si salva. Con il mouse si trascina l'elemento pagina subito sotto all'area del post quindi si salva la disposizione.

In questo modo il widget sarà visibile in tutte le pagine del sito compresa la Homepage, le pagine di Archivio e quelle delle Etichette. Per fare in modo da visualizzarlo solo nei post occorre inserire i due tag condizionali nel modello come illustrato alla fine del Secondo Metodo. Per facilitare l'individuazione del widget nel template è opportuno digitare un titolo nell'apposito campo.