Pubblicato il 16/03/11e aggiornato il

Widget degli Ultimi post per una singola etichetta.

Se si desidera visualizzare in un elemento pagina gli ultimi articoli pubblicati dal blog che abbiano una particolare etichetta ci sono già a disposizione diversi widget che ne mostrano anche le miniature. Questo gadget è una proposta più minimalista adatta ai modelli che non hanno uno stile ben definito per quello che riguarda gli elenchi. Se questo stile esiste, saranno visualizzati gli ultimi post relativi alla categoria nel modo previsto dal template. Se non esiste sarà invece visualizzata a sinistra di ciascun titolo una icona rossa o blu determinata da questo background. Nel gadget che ho pubblicato in rete questa immagine non si vede perché lo stile è già presente

L'installazione si presenta alquanto semplice. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup del template. Si cerca la riga </head> e, subito sopra, si incolla il codice

<!--Ultimi Post Etichetta Inizio-->
<script src='https://sites.google.com/site/scriptperilblog/widget-1/LastPosts.js'/><link href='https://sites.google.com/site/scriptperilblog/widget-1/LabelStyle.css' media='screen' rel='stylesheet' type='text/css'/><style>#LabelStyle a {background: url(&quot;https://lh4.googleusercontent.com/_nT13UtBmmiU/TYB8EAFHyBI/AAAAAAAAScA/h8WwWevfZH0/red-blue.png&quot;) no-repeat scroll -10px -6px transparent;}</style>
<!--Ultimi Post Etichetta Fine - www.ideepercomputeredinternet-->

Si salva il modello. Successivamente si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla in Sezioni del sito quest'altro codice

<div id="LabelStyle"><script src="http://www.ideepercomputeredinternet.com/feeds/posts/default/-/blogger?max-results=8&alt=json-in-script&callback=LastPosts"></script></div>

Le personalizzazioni riguardano la posizione dello sfondo di background (-10px -6px ). Il primo numero si riferisce alla posizione sull'asse X mentre il secondo alla posizione sull'asse Y e può essere calibrato a seconda del modello modificando i valori.

Nel secondo codice si deve inserire l'URL del nostro blog, la etichetta ci cui vogliamo visualizzare gli ultimi post (blogger) e il numero di articoli (8). Dopo aver salvato l'elemento, si posiziona a piacere con il mouse. E' anche possibile visualizzare gli ultimi articoli che abbiano due o tre determinate etichette contemporaneamente. Non è ancora possibile creare un widget degli ultimi post relativi a una etichetta ma che non ne contengano un'altra.





5 commenti :

  1. Ottimo sistema, funziona perfettamente ed è molto utile, ma avrei una domandona: è possibile realizzare un menù a tendina con gli ultimi (o anche tutti) gli articoli pubblicati?

    RispondiElimina
    Risposte
    1. Sì. Ti posto un metodo basato su Yahoo Pipes
      http://www.ideepercomputeredinternet.com/2011/03/menu-tendina-con-tutti-i-titoli-dei.html
      @#

      Elimina
  2. Perdona la beata ignoranza, ma non riesco a capire. Se non sbaglio il tuo link mi dovrebbe condurre a una "ancora" nella pagina, ma l'unico menu a tendina della pagina è quello "archivio blog" che riassume per mese, io invece avrei bisogno di farlo per tag, cioè poter aver un menù a tendina che comprenda tutti i post con un determinato tag. Scusa ancora per l'ignoranza tecnica...

    RispondiElimina
    Risposte
    1. Si tratta di un tutorial che spiega come mostrare in un menù tutti i post. Se li vuoi dividere per etichetta prova questi che comunque sono guide
      http://www.ideepercomputeredinternet.com/2013/01/blogger-sitemap-etichette.html
      http://www.ideepercomputeredinternet.com/2013/11/blogger-sitemap.html
      Nella pagina puoi trovare anche il link alle demo per vedere come funzionano
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.