Widget scorrevole dei titoli degli Ultimi Post per Blogger.

Avrete certamente visto dei siti di notizie che fanno scorrere i titoli degli Ultimi Post nella parte alta del layout. Usando il tag <marquee> già impiegato nella realizzazione di scritte scorrevoli, vediamo come sia possibile realizzare un gadget che mostra i titoli delle ultime entry che scorrono da destra verso sinistra. Per avere una idea del funzionamento di questo widget che si basa sui feed del blog, aprite questa

• Demo degli Ultimi Titoli dei Post in versione scorrevole -

L'aspetto sarà simile a questo

e si potrà personalizzare nei bordi, nei colori e nella velocità di scorrimento. Il procedimento di installazione è oltremodo semplice. Si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

<div style="border: dotted 2px #003366; padding: 2px; margin: 0px 0px 0px 0px; text-align: justify; line-height: 22px; color: #003366; font-size: 18px"><b><script style="text/javascript" src="https://sites.google.com/site/scriptperilblog/widget-1/ultimi-articoli.js"> </script><script style="text/javascript"> var NumeroPost = 8; var sBgColor; var nWidth; var nScrollDelay = 100; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="<<"; </script> <script style="text/javascript" src="http://www.ideepercomputeredinternet.com/feeds/posts/default?alt=json-in-script&callback=UltimiArticoli"> </script></b></div>

Si clicca su Salva e si posiziona con il mouse nel punto desiderato del layout. Ecco le personalizzazioni più importanti da fare:

1. Si deve innanzitutto inserire l'URL del nostro blog al posto di quello di questo sito colorato di viola
2. Il bordo inserito è punteggiato, di dimensione 2 pixel e con il colore #003366. Per modificarlo consultate il post sullo stile dei bordi.
3. I colori dei titoli vengono ereditati da quelli del blog ma si può personalizzare il colore del simbolo che precede ciascuno di essi (#003366)
4. L'altezza della linea del widget è di 22 pixel mentre la dimensione dei caratteri è di 18 pixel. Questi valori possono essere variati a piacere.
5. I titoli sono in grassetto. Se il grassetto non ci piace, possiamo togliere i due tag <b> e </b>. Se si  preferisce il corsivo, questi tag debbono essere sostituiti rispettivamente da <i> e </i>. 
6. NumeroPost = 8; indica quanti articoli debbono essere visualizzati.
7. nScrollDelay = 100; è il parametro che configura la velocità di scorrimento. A numeri più alti corrisponde una velocità più bassa e viceversa.
8. sDirection="left"; è la direzione di scorrimento dei titoli.
9. sBulletChar="<<"; rappresenta il simbolo o i simboli da visualizzare prima di ciascun titolo
10. padding: 2px; è la distanza interna tra la scritta e il suo contenitore.
11. margin: 0px 0px 0px 0px; sono i valori che rappresentano la distanza esterna tra il widget e la parte del layout in cui viene inserito. Il primo numero è distanza verso l'altro, il secondo verso destra, e così via in senso orario. 

Un gadget semplice, compatto, utile e poco invasivo che credo interesserà molti utenti di Blogger. Lo scorrimento si interromperà quando si passerà il mouse sopra al widget e ricomincerà non appena verrà tolto. In ciascun titolo è presente il collegamento all'articolo corrispondente a cui si potrà accedere con un semplice click.