Widget delle immagini degli ultimi post su Blogger che si aprono come pagine di un libro.

Effetto Book Flip usato per mostrare gli ultimi post di Blogger sotto forma di immagini che si aprono come in un libro.

Il matematico e saggista britannico Sir Bertrand Russel nella sua celeberrima Storia della Filosofia Occidentale riferendosi alle teorie di Plotino scrisse che c'erano filosofie che meritavano di essere studiate perché vere e altre perché belle. Quella di Plotino secondo lui faceva parte di questa seconda categoria. Facendo una giravolta con doppia capriola carpiata con avvitamento e applicando questo tipo di ragionamento anche ai widget per Blogger potremmo dire che ce ne sono di interessanti perché utili ma ce ne sono altri che ci piacerebbe installare solo perché belli.  

È il caso del gadget che vado a presentare che comunque ha una sua utilità visto che mostra le immagini estratte dagli ultimi articoli con il collegamento agli stessi in modo da facilitare l'accesso dei lettori. Le immagini si aprono e si chiudono come pagine di un libro e nel caso in cui in un post non ce ne fossero sarà mostrata una immagine di default che potrà essere personalizzata

L'effetto l'ho tratto da Book Flip su Dynamic Drive e l'ho adattato a Blogger. Si va su Layout > Aggiungi un gadget > Base > HTML/Javascript e, in Sezioni del sito, si incolla questo codice

<script type="text/javascript">
/***********************************************
* Book Flip slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var Book_Image_Width    =300;  // Larghezza
var Book_Image_Height   =300; // Altezza
var Book_Border         = true;  // bordo immagini
var Book_Border_Color   ="gray";  // Colore bordo
var Book_Speed          =15;
var Book_NextPage_Delay =1500; // 1000 = 1 secondo
var Book_Vertical_Turn  =0; //variabili per i contenuti
var random_posts        = false; // post casuali
var numposts_gal        = 10;   // numero di articoli della galleria
</script>
<script src="https://googledrive.com/host/0B5vupkCL4QrxZXk0QUpyZTRreTA/bookflip.js" type="text/javascript"></script>
<script src="https://googledrive.com/host/0B5vupkCL4QrxZXk0QUpyZTRreTA/bookflip2.js" type="text/javascript"></script>
<div id="Book" style="position:relative">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNmhsd_vXsdO5cKYnwz228e42HJH-vHp8jc7yj-G16pCzkKtlNKOkMCWWk4y4un58j1jDbNPCGhC0zylHlFf2H3bDXO0cDskyIK_Z9C-tachk6OW8_Lyxl-2lxPCchsvvsZUfHl6wrKpo/s128/placeholder.gif" width="304" height="304" />
</div>
<script src="http://demo-blogger-widget.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>

Si salva l'elemento pagina. Si tratta di immagini 300x300 pixel quindi la larghezza totale del gadget è di 600 pixel. Va quindi posizionato o sopra l'area del post oppure nel footer del layout. I parametri da personalizzare sono affiancati dai commenti sul loro significato e campo di azione. Sono usati i tag true e false per le opzioni su bordo e immagini casuali.  Ho utilizzato due javascript caricati su Google Drive il cui URL è colorato di viola. Nel primo c'è anche l'immagine di default. Può essere editato per inserire una immagine di default di vostro gradimento.  Nel caso in cui modificaste i valori della larghezza e altezza delle immagini ricordatevi anche di modificare le dimensioni del contenitore che debbono essere leggermente più grandi. Nel codice proposto le dimensioni del contenitore sono di 304x304 mentre quelle delle immagini 300x300 pixel.

Ovviamente dovrà essere incollato l'indirizzo del vostro blog al posto di quello di test che ho utilizzato. Ricordarsi di usare nell'URL il .com e non il localizzato .it.

Aggiornamento: A seguito del ritiro del supporto di hosting a Google Drive ho dovuto riproporre questo stesso widget con un nuovo codice. Se siete interessati a questo widget non più funzionante consultate questo nuovo articolo sullo stesso tema:

Slideshow delle immagini degli ultimi post che si aprono a libro