Come modificare le miniature dei video in una cartella.

Quando si carica un video su Youtube il servizio mostrerà tre miniature tra cui il proprietario del canale può scegliere la preferita. Se nessuna di queste lo soddisfa può caricare un'altra immagine cliccando sul pulsante Miniatura personalizzata per poi scegliere una immagine diversa dal computer.

In questo post non mi occuperò però delle miniature di Youtube o di come aggiungervi il bottone del Play ma delle miniature che si visualizzano nei file video presenti in una cartella di Windows. Tali miniature dipendono molto dal programma che si utilizza come Media Center vale a dire come applicazione predefinita per aprire quel formato video.

Usando come app predefinita VLC Media Player la miniatura non è altro che il primo fotogramma del video. Quasi sempre questo fotogramma non è rappresentativo del filmato. Se si aggiunge una introduzione ai video che creiamo da considerarsi come un logo il fotogramma iniziale sarà sempre lo stesso.

Come installare il widget degli Ultimi Post con Miniature in una Pagina Statica di Blogger.

A seguito di un commento appena ricevuto illustro la procedura per installare il Widget degli Articoli Recenti con Miniature non in una sidebar o comunque nel Layout ma in una pagina statica.

In questo modo potrà essere inserito un link nel menù e si potranno mostrare molti più elementi che nella sidebar. Si possono anche nascondere le sidebar solo in quella data pagina  per avere più spazio. Il widget è completamente personalizzabile e permetterà di scegliere cosa mostrare e cosa non mostrare attraverso i valori true e false applicati ai vari elementi. 

Come ottenere le miniature di un video di Youtube.

Chi pubblica un filmato su Youtube può scegliere tra tre miniature automaticamente rilevate dal servizio di video sharing ma può anche caricare una immagine a suo piacimento per mostrarla come miniatura. Per ricavare tale immagine si può effettuare uno screenshot durante la riproduzione del video e scegliere il fotogramma che riteniamo più utile con un programma come Snagit 12 o con una estensione gratuita tipo Awesome Screenshot.

In realtà dallo stesso URL del video è possibile ricavare il suo ID e da questo ottenere l'URL delle miniature collegate al video stesso. L'indirizzo di un video Youtube ha la seguente struttura

www.youtube.com/watch?v=ID-VIDEO

dove ID-VIDEO è una stringa alfanumerica di 11 caratteri. Dall'ID si possono ricavare gli URL delle miniature collegate al video in formato JPG con queste semplici regole

Come installare il widget orizzontale delle miniature degli Ultimi Articoli in Blogger.

A seguito di un commento ricevuto pochi minuti fa riprendo un gadget che ebbe grande successo diversi anni fa e che non mi ricordo di aver riproposto. Il widget in questione mostrerà sopra l'area del post a tutta pagina le miniature degli Ultimi Articoli con relativi titoli e link.

Le miniature mostrate saranno quelle delle immagini pubblicate nei post prima dell'Intervallo o Read More o Jump che dir si voglia. Se siete abituati come me a non pubblicare mai immagini prima del Read More allora le miniature non sarebbero visualizzate. Il problema si può però facilmente risolvere mostrando una serie di immagini di default sostitutive. Il widget può essere personalizzato nella sua larghezza e nelle dimensioni delle miniature. Il suo aspetto è il seguente

Come mostrare la miniatura della immagine accanto al titolo del post nella homepage del sito.

Alcuni modelli scaricati da internet hanno una homepage in forma di tabella in cui viene mostrato oltre al titolo del post e all'incipit anche la prima immagine pubblicata nell'articolo. Se il nostro obiettivo è quello di mostrare diversi articoli in homepage con titoli, incipit e immagini possiamo anche farlo mantenendo il nostro solito modello ufficiale di Blogger.

La prima operazione da fare è quella di pubblicare gli articoli con il jump vale a dire con l'Intervallo cliccando sulla apposita icona del Modello di Blogger. In questo modo si potranno facilmente inserire nella homepage da sei a dieci articoli senza difficoltà andando su Impostazioni > Post e Commenti > Mostra più post possibili nella pagina principale.

Blogger: Widget degli Articoli Casuali con Miniature Ruotanti.

Per mantenere i navigatori dentro il nostro sito bisogna invogliarli a leggere altri nostri contenuti oltre alla pagina che stanno già consultando. Per questa ragione vengono installati alcuni widget che mostrano le pubblicazioni più recenti (Ultimi Articoli), i contenuti più apprezzati (Post più popolari), le ultime discussioni (Commenti Recenti) e i post con gli stessi contenuti (Articoli Simili).

La presenza di questi quattro widget è la configurazione classica per un blog su piattaforma Blogger ma si può decidere di mostrare anche altro materiale come per esempio un pulsante per scegliere un articolo a caso. Seguendo questa falsariga si può creare anche un widget per visualizzare un intero elenco di articoli scelti a caso. In questo post vedremo appunto come installare un widget che mostri degli articoli casuali con i relativi titoli e le miniature ruotanti. Il navigatore che ci cliccherà sopra sarà indirizzato al post corrispondente

Bellissimo widget degli Ultimi post con Miniature per Blogger.

Come probabilmente saprete si possono utilizzare nel blog i caratteri di Google Fonts per tutto il sito o esclusivamente per un widget compreso il titolo. Probabilmente questa soluzione non piacerà ai grafici professionisti che amano le pagine web tutte con una sola famiglia di font ma credo che invece tale soluzione possa essere apprezzata da chi ama sorprendere i lettori.

Il gadget che vado a presentare non ha bisogno di nessuna configurazione se si esclude la scelta del numero dei post da visualizzare e per la sua installazione non occorre neppure modificare il modello. La scelta dei font è andata sulla famiglia di caratteri Gloria Hallelujah nella versione corsivo 

Galleria delle miniature dei post simili in Blogger.

Due o più post vengono definiti simili o correlati quando abbiano almeno una etichetta in comune. Avere una etichetta in comune significa che trattano di argomenti che in un certo senso sono similari. Ci sono diversi widget che anche nella piattaforma Blogger mostrano al navigatore alla fine dell'articolo una selezione di post simili per invogliarlo a continuare la lettura nello stesso sito.

Ricordo il gadget famosissimo LinkWithin ma anche quello più casereccio degli Articoli Simili con Miniatura che attualmente utilizzo su questo blog. Seguendo questa falsariga vado a presentare una interessante alternativa trovata su Code It Pretty che ha anche diverse opzioni di personalizzazione e che funziona su tutti i modelli di Blogger con l'eccezione di quelli a Visualizzazione Dinamica. È anche possibile scegliere se si vogliono miniature quadrate o con bordi arrotondati con questo risultato

Come risolvere se non si vedono le miniature in Blogger e se non si condividono su Facebook.

Due giorni fa ho ricevuto un commento su un problema che si è manifestato improvvisamente agli utenti della piattaforma Blogger. In alcuni widget erano improvvisamente sparite le miniature delle prime immagini presenti nel post. Leggendo il Forum di Blogger in lingua inglese mi è stato subito chiaro che si trattava di un bug di Blogger che magari verrà risolto dai loro tecnici ma a cui si può porre rimedio da subito. Le immagini caricate su Google+, su Picasa o postate direttamente negli articoli di Blogger hanno nella parte iniziale dell'URL https: invece che http: perché viene utilizzato un protocollo di crittografia asimmetrica.

Sembra che Blogger non dia più il permesso a queste miniature di apparire. Il tag di Blogger in questione dovrebbe essere data:blog.postImageThumbnailUrl che mostra appunto la miniatura della prima immagine dell'articolo. Questo problema quindi di mancata rilevazione delle immagini si ripercuote pure nella condivisione dei post su Facebook visto che tale tag viene utilizzato nel Protocollo Open Graph.  Sono sicuro che se avete provato in questi ultimi giorni a condividere un post su Facebook vi sarete trovati di fronte a questo problema con il sospetto di aver cambiato qualcosa nel template. Se provo a condividere su Facebook l'ultimo post pubblicato, nella finestra che si apre

Widget degli Ultimi Post con Miniature per Blogger completamente personalizzabile.

Fino a qualche mese fa era possibile installare dei widget di Blogger direttamente cliccando su un link senza inserire alcun codice. Poi Blogger ha modificato le regole con cui accetta i widget di terze parti e è diventato molto più difficile per gli sviluppatori effettuare tutta la procedura affinché un gadget venga accettato. I widget già installati con questo metodo continuano a funzionare ma nel caso in cui si pensasse di disinstallarli per poi inserirli nuovamente smetterebbero di essere visibili.

Non resta quindi che convertire in codice i gadget di questo genere per poter essere installati senza alcun problema attraverso Layout > Aggiungi un gadget > HTML/Javascript. Inizio con un widget che ha avuto un grande successo e che ho tradotto in italiano partendo da un eccellente lavoro di Blogger Plugins che ora credo abbia cessato di occuparsi di piattaforma Blogger.

Il grado di soddisfazione degli utenti di questa personalizzazione per Blogger si misura anche dal fatto che la pagina del blog in cui è pubblicato ha raggiunto Page Rank 3 paragonabile a quella di un blog di una certa qualità. Il javascript relativo l’ho caricato su Google Drive utilizzato come Hosting e quindi il widget dovrebbe funzionare anche se installato su domini personalizzati.

Widget che mostra tutti i post di Blogger in una sidebar.

Quello che vado a presentare è un widget per Blogger che ritengo sia molto interessante perché permette ai visitatori di scorrere tutti gli articoli che sono stati pubblicati senza lasciare la pagina. Può sostituire in un colpo solo il classico gadget degli Ultimi Articoli, quello  della Mappa del sito con Miniature e quello degli Ultimi 1000 post pubblicati, tutto questo con una velocità di caricamento della pagina che non sembra particolarmente penalizzata.

Il lettore può cliccare su Post successivi e Post Precedenti per scorrere tutti i nostri contenuti e possiamo configurare anche quanti articoli debbano essere visibili per ogni schermata. Ciascun elemento è formato dal titolo del post, dalla miniatura della prima immagine presente e dallo snippet dell'articolo. Inoltre sono possibili personalizzazioni estetiche per quello che riguarda i colori e altri parametri.

Mostrare la Homepage di Blogger come una tabella di titoli, miniature e descrizione.

La presentazione classica della homepage di Blogger è costituita dalla giustapposizione degli ultimi post pubblicati mostrati uno dietro l'altro fino al cosiddetto Read More o Continua a leggere. Ci sono molti modelli creati da disegnatori web che hanno invece la homepage suddivisa in tante celle di una tabella con il titolo e l'immagine estratta da ciascun post oltre che con l'incipit dello stesso articolo.

È noto che utilizzare dei template non ufficiali di Blogger comporta moltissime controindicazioni come la difficoltà di ulteriori personalizzazioni, la mancanza di aggiornamenti alle nuove funzioni inserite progressivamente da Blogger e anche una velocità di caricamento significativamente superiore. In questo articolo vediamo come si possa trasformare la homepage di un modello ufficiale di Blogger in una griglia con titolo, immagine e descrizione degli ultimi post pubblicati

Come aggiungere Titolo, Miniatura e Sommario a Post più Recenti e Post più Vecchi in Blogger.

Alla fine di ciascun post di Blogger sono presenti tre link che rimandano rispettivamente alla Homepage, al Post più Recente e al Post più Vecchio di quello che stiamo visualizzando. Questo sistema di navigazione viene usato dai lettori che amano particolarmente quello che scriviamo e che vogliono visualizzare i nostri contenuti uno per uno. Questi tre link a fondo pagina non sono molto amati dagli utenti di Blogger e in passato ho presentato delle personalizzazioni per sostituirli con tre icone. Mi ricordo di aver anche illustrato un metodo per mostrare direttamente il titolo del post al posto delle espressioni Post più vecchio e Post più recente che non danno nessuna informazione sul link che si va ad aprire.

Il bravissimo blogger finlandese MS - potilas, programmatore in pensione affetto da sclerosi multipla, ha messo a punto un sistema per sostituire questi link con Titolo, Miniatura e Snippet dell'articolo che andremo ad aprire. L'ho tradotto e modificato in qualche dettaglio che illustrerò alla fine. In sostanza in fondo a tutti i post visualizzeremo miniatura, titolo e snippet

Slideshow degli ultimi post con miniatura per Blogger.

Quando si progetta il layout di un sito si cerca sempre di presentare ai lettori un estratto dei contenuti che si sono già pubblicati con la speranza che possa suscitare il loro interesse e che possano aprire un'altra pagina del nostro sito. I widget più usati allo scopo sono quelli dei Post più Popolari, quello degli Articoli più Commentati e quello degli Ultimi Post. Forse è proprio quest'ultimo il più utilizzato. Ci sono molte varianti per il gadget degli Ultimi Articoli a partire da quelle più minimaliste fino a quelle più spettacolari come gli slideshow dei post con miniature che utilizzano librerie javascript.

Con questo articolo intendo presentare un widget veramente originale basato su JQuery che si può installare facilmente in una sidebar e che mostrerà gli ultimi 7 articoli pubblicati insieme alle relative miniature e ai bottoni di navigazione

Slideshow dei Post più Popolari per Blogger.

Il gadget dei Post più Popolari è un widget ufficiale di Blogger, che utilizza le Statistiche visibili anche nella apposita scheda, per mostrare i post del blog che abbiano ricevuto il maggior numero di visite. Tale gadget può anche essere personalizzato in funzione delle nostre esigenze. Ricordo di aver presentato un tutorial per modificare le dimensioni del gadget, un altro per modificare le dimensioni delle miniature e un altro ancora per mostrare i post più visti sotto forma di slideshow verticale. E' anche possibile mostrare i Post più popolari come barre orizzontali multicolore e con le miniature ruotanti utilizzando il CSS3.

In questo post vado a presentare gli articoli più visti in uno slideshow orizzontale che ne mostri le loro miniature con frecce di navigazione. Il posizionamento più opportuno per un widget di questo genere è la parte immediatamente sopra all'area del post. Se con il mouse si passa sopra a una miniatura viene visualizzato un tooltip che mostra il titolo del post collegato

Come modificare le dimensioni delle miniature nel widget dei Post più Popolari di Blogger.

Il gadget dei Post più Popolari è uno di quelli ufficiali di Blogger e mostra in ordine decrescente gli articoli che hanno avuto il maggior numero di visite. Per installarlo si va su Layout > Aggiungi un gadget > Post più Popolari. Possiamo scegliere il numero di elementi da visualizzare da 1 fino a 10, il lasso di tempo da prendere in considerazione per le statistiche e se mostrare solo il titolo o anche la miniatura e lo snippet.

In alcuni modelli questo widget viene mostrato come un elenco con degli antiestetici puntini prima di ogni miniatura. Mi sono già occupato di come eliminare questo problema e di come personalizzare tutto il widget. Con i CSS presentati in quel post non era però possibile modificare le dimensioni delle miniature. La cosa si è potuta risolvere utilizzando JQuery.

Widget degli Articoli Simili con Miniature e Tooltip.

Due articoli si definiscono simili o correlati se hanno in comune almeno una etichetta. Mostrare in modo casuale alla fine del post un elenco più o meno lungo di post che condividano una etichetta con quello che si sta visualizzando può invogliare il visitatore a cliccarci sopra per consultarli. Ho già presentato diverse versioni di Articoli Simili. Ne ricordo una minimalista che mostra solo il titolo dei post e una esteticamente più valida che mostra oltre ai titoli anche le miniature.

Vado adesso a presentare un nuovo gadget da inserire alla fine degli articoli che mostra in orizzontale un certo numero di miniature con il link agli articoli simili a quello che si sta visualizzando.

Widget delle miniature in orizzontale degli ultimi post.

Mostrare un gadget degli Ultimi Articoli è una necessità per tutti i blog perché il lettore deve poter accedere facilmente ai contenuti più freschi che sono stati pubblicati. Ci sono moltissimi widget che hanno questa specifica funzionalità. Si va dal semplice Elenco Verticale degli Ultimi Post al Widget degli Ultimi Articoli con Miniature passando per lo Slideshow Verticale o lo Slideshow con Easy Slider.

Obiettivo di questo articolo è quello di presentare gli Ultimi Articoli attraverso le miniature delle loro immagini o dei loro video di Youtube in una tabella orizzontale che può essere inserita subito sopra l'area del post o subito sotto di essa. Mi baserò su uno script di Blogger Plugins che ho tradotto in italiano così come feci a suo tempo per il gadget degli Articoli Simili con Miniature.

Come modificare le dimensioni delle miniature nel widget dei Post più popolari di Blogger.

Il gadget dei Post più popolari è presente nell'elenco di quelli ufficiali di Blogger e ha diverse opzioni di personalizzazione. Si può scegliere il periodo in cui monitorare la popolarità degli articoli pubblicati. Le opzioni sono Sempre, Ultimi 30 giorni e Ultimi 7 giorni. Si può anche decidere di visualizzare la miniatura, lo snippet o entrambe e infine si può configurare il numero di post da mostrare da 1 a 10.

Ho già presentato diverse possibilità di personalizzazione di questo gadget facendolo diventare uno slideshow verticale, inserendo un effetto multicolore o le miniature ruotanti. Vediamo come si possa modificare le dimensioni delle miniature del widget lasciando inalterato tutto il resto. Per rendere una idea della modifica ecco gli screenshot prima e dopo la personalizzazione

Widget dei Post più Popolari con miniature ruotanti.

Il widget dei Post più Popolari è uno di quelli ufficiali di Blogger e che può essere installato andando su Layout > Aggiungi un gadget > Post più popolari. Nella finestra di configurazione possiamo scegliere se le considerare le statistiche degli ultimi 7 giorni, degli ultimi 30 giorni o quelle di sempre.

Oltre al Titolo del gadget si può anche scegliere se mostrare la miniatura della prima immagine del post, se mostrare lo snippet o incipit e il numero di articoli da visualizzare. Nel caso avessimo scelto di mostrare le miniature possiamo inserire una personalizzazione molto carina che mostrerà una rotazione di quasi 360 gradi al passaggio del mouse e che è già stata introdotta nel widget dei post casuali con miniature che ruotano.