04 gennaio 2010

Come inserire il widget degli ultimi articoli con miniature in senso verticale.

Ho presentato qualche giorno fa il widget degli ultimi articoli con miniature in orizzontale adesso voglio mostrare l'opzione in verticale che si può inserire per esempio in una sidebar. Non occorre modificare il modello ma basta andare su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollate il seguente codice in Sezioni del sito
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://tinyurl.com/oj827g";
imgr[1] = "http://tinyurl.com/qzptmk";
imgr[2] = "http://tinyurl.com/ok629f";
imgr[3] = "http://tinyurl.com/omglru";
imgr[4] = "http://tinyurl.com/q4wtpo";
showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#191919";
aBold = true;
icon = " ";
text = "commenti";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#333333";
icon2 = " ";
numposts = 5;
home_page = "URL del Blog";
</script>
<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/postrecenti.js" type="text/javascript"></script>
<a href='http://goo.gl/BsNI' style='display:none;'>Widget degli ultimi articoli con miniature in verticale</a><a href='http://goo.gl/OKeg' style='display:none;'>Idee per computer ed internet</a>

prima però occorre fare le seguenti personalizzazioni.

  1. Gli URL del tipo http://tinyurl.com/oj827g rappresentano delle immagini che appariranno nel caso non siano presenti nel post, possono essere cambiate con altre eventualmente più adatte al blog. Se nei post ci saranno immagini saranno queste a essere visualizzate.
  2. boxwidth 300 è la larghezza del widget e può essere adattata alla sidebar
  3. 8 è la distanza in pixel tra le varie miniature
  4. borderColor è il colore del bordo delle celle
  5. 40 rappresentano la larghezza e l'altezza delle miniature
  6. 12 la dimensione dei caratteri
  7. 191919 è il colore del titolo
  8. true o false per avere il titolo in grassetto in aBold. Mostrare o no la data in ShowPostDate sempre con true o false
  9. 40 e 10 rappresentano il numero dei caratteri del post e la loro dimensione
  10. 333333 è il colore del sommario
  11. 5 è il numero delle miniature dei post che si vuole mostrare
  12. A URL del Blog dobbiamo sostituire l'URL del nostro blog con relativa slash finale 
Dopo avere inserito il codice si digita il titolo che potrebbe essere Ultimi articoli e si Salva come mostrato nello screenshot
widget-ultimi-articoli-miniature
Per vedere questo widget all'opera andate in questo post del mio blog di demo.


6 commenti:

  1. Ciao!
    Questo script è utilissimo ma vorrei fare due modifiche delle quali non trovo nessuna spiegazione:
    1- come posso togliere il nuomero e la scritta "commenti"?
    2- Si può mettere un piccolo sommario del post? Cambiando summarypost non cambia niente...

    Grazie mille!

    RispondiElimina
  2. @Enrico
    Il tuo rilievo su Summarypost è giusto, per quanto riguarda i commenti non so se si può fare. Darò un'occhiata allo script, senza impegno. Ciao

    RispondiElimina
  3. Ciao!
    Sai se esiste una cosa simile anche per gli articoli simili?
    Ho trovato diversi script ma sono tutti in orizzontale. Alla fine di un post, secondo me, è più bello in verticale...

    RispondiElimina
  4. @Enrico
    In questo momento non mi viene in mente nessun widget per gli articoli correlati in verticale. In genere vengono messi in orizzontale alla fine del post

    RispondiElimina
  5. ciao, come faccio a mettere lo sfondo del widget trasparente?

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti al post.