Ricerca personalizzata

18 giugno 2010

Widget box per mostrare gli ultimi articoli postati in Blogger

Durante il solito navigare nel Web, ho trovato per voi due metodi simili per avere un box degli ultimi articoli pubblicati per piattaforma Blogger di Blogspot.

Entrambi hanno uno stile grafico con miniature, per avere un impatto maggiore sugli ultimi articoli e rendere anche più bello tutto l'insieme del Blog (anche l'occhio vuole la sua parte!).

Il primo metodo è quello che ho inserito anche in Quartiere Blog (qui a destra) ed oltre ad avere le immagini in miniatura è dotato dello scorrimento degli ultimi articoli in modo che puoi visualizzare in uno spazio ridotto un numero di articoli maggiore da te preimpostati.

Per conoscere il codice da inserire nel vostro Blog vi mando alla fonte originale...
Leggi tutto l'articolo >>
By: Parsifal32

Il secondo (immagine qui sotto) è ugualmente grafico ma senza scorrimento delle anteprime, più statico e semplice, è pur sempre un opzione validissima, ecco qui il codice:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 180;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://quartiereblog.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


  • boxwidth = 180;  è la larghezza del Box
  • numposts = 5;  è il numero di post che volete visualizzare
  •  home_page = "http://quartiereblog.blogspot.com/";   dovete sostituirlo con l'URL del vostro Blog
Potete anche modificare i colori ed il Font dei caratteri, è personalizzabile secondo i votri gusti!

Spero di esservi sempre utile!
Se ti è piaciuto l'articolo, iscriviti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog! Per maggiori informazioni sui feed, clicca qui!


0 commenti:

Posta un commento

Scrivi le tue opinioni!

Related Posts with Thumbnails
 
Share
ShareSidebar