Il team di Blogger ha introdotto un nuovo widget che ritengo parecchio utile per qualsiasi tipo di blog, è chiamato "Post in evidenza" proprio perché permette di dare risalto agli articoli pubblicati che riteniamo importanti o che potrebbero interessare ai propri visitatori. Un buon modo per ridare valore a quei vecchi articoli che sembravano essersi smarriti in mezzo a tutti gli altri.
Eccovi un'anteprima di come si presenta il widget:
Nell'immagine dell'esempio potete notare che è stato messo in risalto l'articolo sulle frasi del mese di Dicembre, è la prima cosa che mi è venuta in mente da mettere in evidenza, dato che al momento in cui scrivo questa ci troviamo proprio in questo mese dell'anno. I più furbi potrebbero sfruttare questo widget per mettere in primo piano cose più utili anche dal punto di vista economico come ad esempio un articolo che parla del proprio ebook in vendita o prodotti da acquistare online a tema con il proprio blog. Penso che potrebbero essere utile cambiare di tanto in tanto il post in evidenza, giusto per dare una "rinfrescata" al proprio blog.
Tra le opzioni possibili vi è quella di aggiungere un titolo al gadget, se mostrare o nascondere il titolo del post (indispensabile perché è l'unico modo per renderlo cliccabile) e se inserire l'immagine del post (di solito è l'elemento che attira maggiormente).
È presente sia la casella di ricerca nelle impostazioni del widget sia un menù a tendina per selezionare il post partendo da una etichetta, il che rende molto semplice la ricerca del'articolo in questione.
Ricordo che è possibile aggiungere un solo widget di questo tipo, tuttavia non credo sia così difficile "emularlo" utilizzando nel giusto modo HTML e CSS.
RENDERE L'IMMAGINE CLICCABILE
Allo stato originale l'immagine non risulta cliccabile, per inserire un link nell'immagine in modo tale che una volta cliccata permette di aprire l'articolo in evidenza (come invece già avviene con il titolo) occorre eseguire un ulteriore modifica.
Dovrete cercare questo codice:
ed andarlo a sostituire con quest'altro:
RIDIMENSIONARE L'IMMAGINE
L'immagine del post in evidenza potrebbe risultare visibilmente più piccola della sidebar, per cui sarebbe opportuno modificare le sue dimensioni. Sempre prendendo in considerazione lo screenshot precedente, dovrete modificare width: 100%; con un valore in pixel, ad esempio:
Questo sono tutte le personalizzazioni possibili, adesso godetevi questo splendido widget!
Eccovi un'anteprima di come si presenta il widget:
Come si installa
Essendo un widget ufficiale di Blogger basta semplicemente andare su Layout > Aggiungi un gadget > Post in evidenza.Tra le opzioni possibili vi è quella di aggiungere un titolo al gadget, se mostrare o nascondere il titolo del post (indispensabile perché è l'unico modo per renderlo cliccabile) e se inserire l'immagine del post (di solito è l'elemento che attira maggiormente).
È presente sia la casella di ricerca nelle impostazioni del widget sia un menù a tendina per selezionare il post partendo da una etichetta, il che rende molto semplice la ricerca del'articolo in questione.
Come sfruttarlo al meglio
Chi ne è capace può sfruttare i cosiddetti tag condizionali, ad esempio su Scuolissima ho pensato che sarebbe stato più sensato nascondere questo widget dalla homepage che è già ricca di immagini e mostrarlo in tutte le altre pagine del blog.
In alternativa si potrebbe spostare il widget "Post in evidenza" sopra la sezione "Post sul blog" e poi eventualmente con i tag condizionali mostrarlo solo nella homepage. In questo modo l'articolo rimarrà sempre in primo piano pur avendo una data vecchia.
Ricordo che è possibile aggiungere un solo widget di questo tipo, tuttavia non credo sia così difficile "emularlo" utilizzando nel giusto modo HTML e CSS.
Personalizzazione avanzata
RIMUOVERE LA DESCRIZIONE
La descrizione può essere tolta andando su Modello > Modifica HTML e cercando la parola FeaturedPost1 . Dopodiché dovrete eliminare una parte di codice, ovvero:<p>
<data:postSummary/>
</p>
RENDERE L'IMMAGINE CLICCABILE
Allo stato originale l'immagine non risulta cliccabile, per inserire un link nell'immagine in modo tale che una volta cliccata permette di aprire l'articolo in evidenza (come invece già avviene con il titolo) occorre eseguire un ulteriore modifica.
Dovrete cercare questo codice:
<img class='image' expr:src='data:postFirstImage'/>
ed andarlo a sostituire con quest'altro:
<a expr:href='data:postUrl'><img class='image' expr:src='data:postFirstImage'/></a>
RIDIMENSIONARE L'IMMAGINE
L'immagine del post in evidenza potrebbe risultare visibilmente più piccola della sidebar, per cui sarebbe opportuno modificare le sue dimensioni. Sempre prendendo in considerazione lo screenshot precedente, dovrete modificare width: 100%; con un valore in pixel, ad esempio:
.image {
width: 300px;
}
Questo sono tutte le personalizzazioni possibili, adesso godetevi questo splendido widget!
