Widget degli Articoli Recenti con Effetto RoundAbout.

La presenza del widget che mostra gli Ultimi Articoli è un must per tutti i blog. Serve per mostrare in modo efficace quelle che sono state le ultime pubblicazioni per cercare di trattenere il visitatore nel nostro sito il più possibile. Si può scegliere uno stile minimalista, come è stato fatto al momento in questo blog, oppure optare per gadget con suggestivi effetti speciali. Ricordo solo gli ultimi due che ho avuto modo di presentare:

1. Slideshow orizzontale con gli Ultimi Post -
2. Slideshow orizzontale con Easy Slider -

Oggi ne presento un altro che è veramente sorprendente. Ne ho testato il funzionamento con tutti i principali browser con risultati positivi. Ricordo però che ogni modello è un entità a sé stante che potrebbe già avere nel suo codice dei javascript incompatibili con quelli di questo widget.

• Demo dello slideshow degli Articoli Recenti con RoundAbout -

Il funzionamento del gadget è tale da  mostrare, in evidenza posizione centrale, l'immagine estratta dell'ultimo post mentre le altre sono ai suoi lati. Il link all'articolo è presente solo nella miniatura al centro mentre, se si clicca su quelle laterali, si agisce come se fossero degli strumenti di navigazione. Senza nessuna interazione da parte del mouse, ci sarà uno scorrimento naturale delle immagini degli ultimi articoli

Passiamo alle istruzioni per l'installazione di Round About. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Non occorre espandere i modelli widget. Si cerca la riga ]]></b:skin> che indica la fine dei fogli di stile e, subito sopra, si incolla il codice

• CSS RoundAbout -

in cui i più esperti possono variare alcuni parametri a partire dalle dimensioni delle immagini. Adesso si cerca la riga </body> e subito sopra si incolla il 

• Codice javascript per RoundAbout -

Si salva il modello. Dobbiamo adesso andare su Design > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, incollare quest'ultimo codice

<script style="text/javascript" src="https://sites.google.com/site/scriptperilblog/widget-1/roundabout.js"></script><script style="text/javascript">
var numposts_gal = 8;
var random_posts = false;
</script>
<script src=http://demo-blogger-widget.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts></script>

Si clicca su Salva e si posiziona con il mouse. Si devono inserire il numero di post da visualizzare e la homepage del blog. Se in un articolo non è presente alcuna immagine, nel widget sarà visualizzata questa miniatura che ho postato su Picasa. Se volete modificarla, aprite il file 

https://sites.google.com/site/scriptperilblog/widget-1/roundabout.js

con Notepad++, sostituite l'URL con quello di un'altra immagine, salvate e caricate lo script su Google Sites mediante l'opzione Schedario quindi ottenetene l'indirizzo che metterete in questo ultimo codice al posto di quello originale. Nel sito dell'autore di RoundAbout si possono trovare anche le istruzioni per ulteriori personalizzazioni di questo celebre effetto.
Se il widget non vi funziona con Internet Explorer, dovete scaricare il file javascript presente nel codice caricato su Google Documenti e l'altro evidenziato di viola in quest'ultimo blocco. Vanno caricati nella cartella Public di DropBox per acquisirne il link diretto da sostituire nel codice. Non posso inserire questi URL, perché altrimenti un numero eccessivo di installazioni del widget, mi esaurirebbe la banda che ho a disposizione su DropBox.  

Fonte | FredHQ RoundAbout -