Menù a tendina con tutti i titoli dei post che sono stati pubblicati.

Avere la possibilità di accedere a tutti i post del blog dalla homepage o comunque da una pagina appositamente creata, è certamente l'obiettivo di molti blogger. La cosa è importante anche ai fini del posizionamento nei risultati di Google perché linkare un articolo gli dà certamente una spinta in questa ottica. Facendo delle opportune modifiche al widget dell'elenco dei titoli dei post sono riuscito nell'intento di mostrare appunto questi titoli non in un elenco ma in un menù a tendina con eventuale cursore per lo scorrimento.

• Demo menù a tendina dei titoli dei post -

Ho inserito due menù. Il primo in un elemento HTML con i post in ordine alfabetico e il secondo in una pagina statica con i titoli in ordine cronologico

Il widget mostra solo gli ultimi 1000 post che sono stati pubblicati (e scusate se sono pochi). Per i siti che ne hanno pubblicati di più, la Pipe di Yahoo, che serve per generare il menù può funzionare oppure no. Ma veniamo subito al codice da incollare

<script type="text/javascript">
<!--
document.write('<select style="width:100%;"  onchange="location=this.options[this.selectedIndex].value;">');
function MenuPost(feed) {
var Titolo = "<option>Clicca per selezionare un post in ordine alfabetico</option>";
document.write(Titolo);
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var TitoloPost = feed.value.items[i].title;
var Elenco = "<option style='width:210px;' value=" + href + 'title="' + TitoloPost + '">' + TitoloPost;
document.write(Elenco);
document.write('</option>');
}
document.write('</select>');
document.write('<div style="font-size:60%;text-align:right"><a href="http://goo.gl/mVEps">Install widget</a></div>');
}
//-->
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://design-prova.blogspot.com
&Order=alphabet
&_id=3a0790282e47ab9450ebd3ec7bb0e0ad  
&_callback=MenuPost
&_render=json"
type="text/javascript"></script>
<noscript><a href='http://goo.gl/LlBrA' target='_blank'><span style='font-size: x-small;'>Drop Down Menu</span></a></noscript>

La personalizzazione riguarda i seguenti elementi evidenziati di rosso:

1. Si deve inserire l'URL della homepage del blog senza la slash finale
2. Ci sono le due opzioni alphabet e chrono per visualizzare gli articoli rispettivamente in ordine alfabetico o cronologico.
3. L'espressione "Clicca per selezionare un post in ordine alfabetico" sarà la prima voce del menù e può essere personalizzata a piacere
4. E' opportuno ma opzionale clonare la Pipe di Yahoo per ottenere un nostro ID personalizzato.

Relativamente al terzo punto si accede alla Pipe dell'elenco dei post in ordine cronologico o alfabetico. Ci si logga con il nostro account di Yahoo oppure si crea sul momento. Si clicca sul pulsante Clone. Nei due campi si inserisce l'URL del nostro blog senza la slash finale (Importante!) e il tipo di ordinamento (alphabet o chrono). Si va su Run Pipe e, se non ci sono stati intoppi, si dovrebbe visualizzare l'elenco dei titoli dei post nell'ordine prescelto

Non resta che copiare l'ID del Pipe, evidenziato di verde nello screenshot, che può anche essere acquisito dalla barra degli indirizzi del browser. La stringa alfanumerica si sostituisce a quella evidenziata di rosso nello script appena postato.

Il codice può essere incollato su Design > Aggiungi un gadget > HTML/javascript e posizionato a piacimento con il mouse. Si può anche inserire in una pagina statica. In questo caso, prima di procedere alla pubblicazione, bisogna andare in basso su Opzioni post e mettere la spunta su Ignora nuove righe

Credo che i blog che non hanno ancora pubblicato più di mille articoli possano essere fortemente interessati a questo "oggetto" che non si sa bene se definire menù o widget. Forse è un po' tutte e due le cose insieme.