Widget scorrevole dei titoli degli Ultimi Post per Blogger!!!

Creato il 06 settembre 2011 da Roberty
Avrete certamente visto dei siti di notizieche fanno scorrere i titoli degliUltimi Postnellaparte 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
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
  3. 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. titoli sono in grassetto. Se il grassetto non ci piace, possiamo togliere i due tag <b> e </b>Se si  preferisce ilcorsivo, 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 unavelocità 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.