feed
twitter

Inserire gadget articoli recenti con miniatura in Blogger

edit-blogger

Blogger si sa, è un po spartano nella personalizzazione e progettazione sia del tema che delle funzionalità, ma con un po di script si possono colmare alcune delle sue lacune.

Oggi vedremo come inserire nella barra laterale del vostro blog Blogspot, un widget “Articoli Recenti” con miniatura e breve descrizione degli articoli. Una bella personalizzazione stile Blog-Magazine.

L’ installazione è abbastanza semplice:

  1. Scaricare lo script da qui.
  2. Estrarrre il file dall’ archivio e caricarlo in un vostro spazio hosting (GooglePage,Altervista ecc…).
  3. Entrare nel pannello di blogger in elementi di pagina.
  4. Aggiungere elemento in HTML / Javascript e copiare al suo interno questo codice:
<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";

showRandomImg = true;

tablewidth = 220;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 50;
imgheight = 50;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = "  ";

numposts = 5;

home_page = "http://TUBLOG.blogspot.com/";

</script>
<script src="http://DIRECCIÓNDETUSCRIPT/recentposts_thumb.js" type="text/javascript">
</script>

Ricordate di sostituire la terz-ultima riga del codice, inserendo l’url del vostro blog. E modificare l’ultima riga specificando il link del vostro hosting dove risiede lo script.

Personalizzazione

Gli attributi che potete impostare nello script precedente, hanno i seguenti significati:

* Imgr [0] = …; immagini che vengono visualizzate in modo casuale nel caso in cui il post non ne contenga.
* TABLEWIDTH = 220; larghezza in pixel del gadget.
* Bordercolor = “# ffffff” colore bordo gadget.
* BgTD = “# ffffff” colore di sfondo del gadget.
* Imgwidth = 50; Larghezza della miniatura immagine.
* ImgHeight = 50; altezza della miniatura immagine.
* Fntsize = 12; dimensioni del titolo del post.
* ACOLOR = “# 666″ Colore del titolo.
* ShowPostDate = false; Data del post. “True” per visualizzarla e “false” per nasconderla.
* SummaryPost = 50; Numero di caratteri mostrati nel riepilogo del post.
* SummaryFontsize = 11; la dimensione del testo di sintesi.
* SummaryColor = “# 666″ il colore del testo di sintesi.
* Numposts = 5, numero di post visualizzati nel gadget.

RISULTATO

recent-post-blogger


Condividi questo post sui SocialBookmarks!


Articoli Correlati:

Pubblicato in Blogger/Blogspot
19 ottobre 2009 | by admin | Tag:, , , ,

  • nurix
    Ciao, conosci un metodo per un gadget simile a questo??
    In pratica vorrei un gadget che rivelasse gli articoli più letti del blog. Io uso la piattaforma blogger, ma non sono riuscito a trovare niente di simile.
    Grazie, ciao e complimenti per il blog!
  • caro utente, mi hai anticipato sappi che tra le mie bozze c'è proprio un articolo che parla di questo, tra oggi e domani lo pubblicherò.
    Ciao
  • nurix
    E io sarò felicissimo di provarlo sui miei blog.
    =)
    Ciao
blog comments powered by Disqus
dippiù?