Riassunto automatico senza Javascript per post di blog su Blogger.

Riassunto automatico dei post per la piattaforma Blogger. Funzionalità superata e da non considerare.

Pubblico velocemente un aggiornamento al post di ieri "Come visualizzare in Blogger i riassunti dei post con miniature senza usare Javascript" e successivamente sarà mia premura apportare delle modifiche al codice dell'articolo.

Il problema presente nel codice, rilevato anche in un commento, era quello che nel caso si fosse inserito il Read More in modo manuale, tramite l'Editor di Blogger o attraverso Windows Live Writer, si sarebbero visti due link Continua a leggere o un'altra analoga espressione. Inoltre il riassunto automatico sarebbe stato comunque presente. Questo malfunzionamento è stato risolto. 

Andate su Design > Modifica HTML, espandete i modelli widget e cercate la riga <data:post.body/>. Cancellatela e sostituitela con questo codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.hasJumpLink'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>

Si tratta di tutta una serie di tag condizionali che sfruttano le etichette fornite da Blogger.

Adesso cercate la riga ]]></b:skin> e , immediatamente sopra, incollate quest'altro codice

.thumb img {
float: left;
margin: 0 10px 10px 0;
}

dove left può essere sostituito con right se volete le miniature sulla destra. Si possono anche variare i valori dei margini. Salvate il modello. Questa personalizzazione comporta

1. La creazione automatica di un riassunto se non è presente il jump del Read More
2. Si visualizzerà correttamente il riassunto se abbiamo impostato il Read More
3. In ogni riassunto automatico sarà presente come miniatura la prima immagine dell'articolo
4. Le pagine statiche non saranno influenzate da questa variazione di codice
5. Testatene il funzionamento nel blog Sidebar Multitab. In ogni articolo è indicata la modalità di pubblicazione. Sulla destra in alto della sidebar, è presente anche un esempio di una pagina statica.