Come inserire in modo orizzontale il widget degli ultimi articoli con miniature nell’header del blog.

In un precedente articolo ho presentato un widget che inserisce le miniature degli ultimi post nella sidebar del blog e mette i titoli degli articoli sulla destra delle miniature delle immagini. Le ultime due righe del codice ricordo che erano queste

</script>
<script src="http://tinyurl.com/pntst6" type="text/javascript"></script>

Per quanto riguarda la possibilità di personalizzazioni vi rimando all’articolo citato. Su precisa richiesta di un commento riporto anche il codice per inserire il widget in modo orizzontale sotto l’header del blog o anche al posto dell’header. Basta sostituire l’URL della ultima riga del codice dello script colorato di rosso con quest’altro URL

http://tinyurl.com/ovhkxw

Eventualmente si può intervenire anche sulla dimensione delle immagini mettendo imgwidth = 120 e imgheight = 90. In numposts si deve scegliere il numero che è più adatto al nostro layout.

Se il widget si inserisce in una tabella  il codice cambia un po’. Per farlo si va su Layout > Aggiungi un gadget > HTML/Javascript e si può anche tralasciare di inserire il titolo. In Sezioni del sito si incolla

<table style="background-color: #ffffff;">
<tr>
<td style="margin-left: 20px; margin-top: 10px;" align="left"><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;

tablewidth = 900;
cellspacing = 7;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 113;
imgheight = 100;

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

text = "comments";

showPostDate = true;

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

numposts =6;

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

</script>
<script src="http://tinyurl.com/ovhkxw" type="text/javascript"></script>
</td>
</tr>
</table>
<div style="font-size:70%;text-align:right"><p> <a href="http://is.gd/22ilw">Install widget</a> </p></div>

 

In questo caso il risultato è più compatto. I dati in rosso devono essere modificati a seconda delle esigenze del nostro modello.

• 900 è la larghezza del widget
• 113 e 100 sono la larghezza e l’altezza delle miniature
• 6 è il numero di post che si vuole mostrare
• #ffffff è il colore dello sfondo, in questo caso bianco
• 7 è lo spazio in pixel tra le varie miniature

Per vedere come è il risultato in questo caso date uno sguardo al mio blog cavia Photosvideosandmore.