Soluzione temporanea alla casella di ricerca di Blogger che non funziona.

Come creare un motore di ricerca alternativo da sostituire a quello ufficiale di Blogger che non funziona in molti siti.

Molti utenti di Blogger si saranno accorti che la loro casella di ricerca non funziona più. Si tratta del widget ufficiale che si può installare andando su Layout > Aggiungi un gadget > Base > Casella di Ricerca. Come è noto questo widget poteva essere configurato per avere sul sito un motore per cercare nei nostri contenuti, in tutto il web o anche nei domini inseriti in un Elenco di siti.

In moltissimi blog questo gadget ha smesso di funzionare o funziona a intermittenza. Si può ovviare creando un motore personalizzato associato a Adsense oppure utilizzare le API di Google per creare un motore di ricerca gratuito. Da alcuni commenti ricevuti pare che anche questo motore non funzioni in modo ottimale. Le richieste di aiuto per questo problema si sono moltiplicate anche nel forum di Blogger in italiano. Le risposte o non ci sono state o sono state deludenti come al solito. Solo nel forum in lingua inglese si può ottenere qualche informazione aggiuntiva.

Gli ingegneri di Blogger pare siano consapevoli del problema e che stiano lavorando a una soluzione permanente. Nel frattempo invitano gli utenti a creare un widget HTML/Javascript per usarlo al posto della casella di ricerca ufficiale. Per usare questo motore di ripiego si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla questo codice

<form action="http://nomedelblog.blogspot.com/search" name="input" method="get">
<input value=" " name="q" size="20" type="text"/>
<input value="Cerca" type="submit"/>
</form>

dove ovviamente si devono inserire l'URL del nostro sito e le dimensioni dei caratteri. Si salva e si posiziona con il drag & drop del mouse. Facendo una ricerca con una parola chiave si ottengono i risultati preceduti da un messaggio con questo aspetto

e con i risultati ordinati per pertinenza ma che possono anche essere ordinati per data. Non è certo il massimo ma se non si hanno alternative si tratta comunque di agevolare i lettori a consultare i nostri contenuti. L'aspetto di questo motore di ricerca è decisamente minimalista

ma può essere reso più originale e in linea con l'aspetto del nostro layout inserendo opportuni fogli di stile. Per esempio usando il codice seguente

<style>
.moduloricerca {
background:#eeffee;
color:#036;
font-family:Georgia;
font-style:italic;
padding:5px;
width:160px;
}
</style>
<form action=http://nomedelblog.blogspot.com/search name="input" method="get">
<input class="moduloricerca" value=" " name="q" size="20" type="text"/>
<input value="Cerca" type="submit"/>
</form>

si ottiene questo risultato



Il size="20" che vedete nel codice non è riferito alle dimensioni dei caratteri ma al loro numero e quindi in ultima istanza alla larghezza della casella di ricerca. Ulteriori informazioni possono essere trovate nel post che ho scritto qualche tempo fa sulle caselle di ricerca personalizzate.