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:
- Si deve innanzitutto inserire l'URL del nostro blog al posto di quello di questo sito colorato di viola
- Il bordo inserito è punteggiato, di dimensione 2 pixel e con il colore #003366.
- I colori dei titoli vengono ereditati da quelli del blog ma si può personalizzare il colore del simbolo che precede ciascuno di essi (#003366)
- L'altezza della linea del widget è di 22 pixel mentre la dimensione dei caratteri è di 18 pixel. Questi valori possono essere variati a piacere.
- I 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>
- NumeroPost = 8; indica quanti articoli debbono essere visualizzati.
- nScrollDelay = 100; è il parametro che configura la velocità di scorrimento. A numeri più alti corrisponde unavelocità più bassa e viceversa.
- sDirection="left"; è la direzione di scorrimento dei titoli.
- sBulletChar="<<"; rappresenta il simbolo o i simboli da visualizzare prima di ciascun titolo
- padding: 2px; è la distanza interna tra la scritta e il suo contenitore.
- 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.