BlueGriffon, HTML Jquery, librerie Giochi, Blogger, Templates Blogger, widget, gadget, aspetto QR, codice, Blogger AdWords, Google, pubblicità Templates, Blogger, Natura Nlogger, templates, Manga

Come inserire il widget degli articoli recenti con miniature e sommario.

La particolarità di questo gadget è che non bisogna andare in Layout > Modifica HTML per modificare il modello ma si fa tutto attraverso l'inserimento di un elemento pagina HTML/Javascript.

Il codice di riferimento da inserire  è stato sviluppato da Parsifal32 in questo post:

Codice da copiare:

<script type="text/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 = 280;
cellspacing = 1;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 120;
fntsize = 12;
acolor = "#191919";
aBold = true;
icon = " • ";
text = "Commenti";
showPostDate = false;
summaryPost = 70;
summaryFontsize = 10;
summaryColor = "#242424";
icon2 = " &#8594; ";
numposts = 6;
rc_feedLink = "http://feeds.feedburner.com/blogspot/UzOyu";
</script>
<script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/articolirecenticonminiature1.js" type="text/javascript"></script>

Le personalizzazioni riguardano i seguenti elementi:

  1. imgr[0] , imgr[1], ecc rappresentano le immagini casuali che vengono visualizzate come miniature nel caso non ce ne siano nei post. Gli URL inseriti da me sono relativi a immagini di albe e tramonti e possono essere cambiate con altre più attinenti
  2. showRandomImg = true; se si vogliono mostrare le immagini casuali altrimenti sostituire true con false. Nel caso di blog con immagini in tutti i post.
  3. tablewidth = 280; rappresenta la larghezza del widget
  4. cellspacing = 1;  è la distanza tra le celle della tabella verticale
  5. borderColor = "#ffffff";  è il colore del bordo
  6. bgTD = "#ffffff";  è il colore di sfondo del widget
  7. imgwidth = 120;  è la larghezza della miniatura
  8. imgheight = 120;  è l'altezza della miniatura
  9. fntsize = 12;  è la dimensione dei caratteri del Titolo del post
  10. acolor = "#191919";  è il colore del testo del Titolo del post
  11. aBold = true; significa che il titolo è in grassetto, se non si vuole in grassetto bisogna sostituire true con false
  12. icon = " • ";  e icon2 = " → "; rappresentano le icone che si visualizzeranno rispettivamente prima del Titolo e prima del Sommario. Si possono sostituire con altri simboli oppure lasciare lo spazio vuoto se non ci piacciono
  13. text = "Commenti";  è il testo che sarà visualizzato accanto al numero dei commenti. Se non vogliamo nessun testo basta lasciare text = " "; 
  14. summaryPost = 70;  rappresenta il numero dei caratteri del sommario del post
  15. summaryFontsize = 10;  è la dimensione dei caratteri del sommario
  16. summaryColor = "#242424";  è il colore del testo del Sommario dell'articolo
  17. numposts = 6;  è il numero degli articoli che si vogliono visualizzare nel widget
  18. rc_feedLink = "http://feeds.feedburner.com/blogspot/UzOyu"; qui dovete inserire l'URL dei feed del vostro blog. 
Dopo aver fatto tutte le modifiche andate su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollate il codice in Sezioni del sito, mettete come titolo una cosa tipo "ULTIMI ARTICOLI PUBBLICATI" o "ARTICOLI RECENTI" e cliccate su Salva.

Ricerca personalizzata

Se ti è piaciuto l'articolo , iscriviti al feed cliccando sull'immagine sottostante per tenerti sempre aggiornato sui nuovi contenuti del blog:




Come inserire il widget degli articoli recenti con miniature e sommario. Come inserire il widget degli articoli recenti con miniature e sommario. Reviewed by Luca Soraci on aprile 08, 2012 Rating: 5

Trovato questo articolo interessante? Condividilo sulla tua rete di contatti Twitter, sulla tua bacheca su Facebook o semplicemente premi "+1" per suggerire questo risultato nelle ricerche in Google, Linkedin, Instagram o Pinterest. Diffondere contenuti che trovi rilevanti aiuta questo blog a crescere. Grazie! CONDIVIDI SU!!

Nessun commento

!-- Google Tag Manager (noscript) -->