Pubblicato il 27/12/13e aggiornato il

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

motore-ricerca-blogger

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

motore-ricerca-aspetto

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

motore-ricerca-personalizzato

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.




18 commenti :

  1. Grazie per la dritta Ernesto. Mi hai risolto un problema! ;)

    RispondiElimina
  2. Grazie Ernesto. mi serviva proprio... :-)

    RispondiElimina
  3. A me questo codice genera un errore che impedisce di salvare il modello (ho la casella di ricerca nel menu), ossia: Errore di analisi XML, riga 1375, colonna 14: Open quote is expected for attribute "action" associated with an element type "form"

    RispondiElimina
  4. @MariaDiBiase
    Prova a sostituire le virgolette doppie " con la virgoletta singola. '
    @#

    RispondiElimina
  5. mi sa' tanto che i lavori di Blogger sulla casella di ricerca finiranno come il loro widget degli ultimi commenti: 'Scomparso'.

    RispondiElimina
  6. Grazie Ernesto, ho risolto un problema che mi stava infastidendo non poco!

    RispondiElimina
  7. Grazie infinite, ho notato che non funzionava, ma non gli avevo dato molto peso.

    RispondiElimina
  8. a dire il vero nn funziona più nemmeno il codice per gli ultimi commenti sul nostro blog http://sucardrom.blogspot.it/. hai qualche soluzione semplice?

    RispondiElimina
    Risposte
    1. L'URL dei feed dei commenti del tuo blog è questo
      http://sucardrom.blogspot.com/feeds/comments/default
      e se l'ultimo commento lo hai avuto l'8 Dicembre vuol dire che funziona. Se poi vuoi provare qualche altro widget non hai che da scegliere
      http://www.ideepercomputeredinternet.com/2013/08/recent-comments-widget.html
      http://www.ideepercomputeredinternet.com/2011/08/widget-scorrevole-degli-ultimi-commenti.html
      http://www.ideepercomputeredinternet.com/2013/05/blogger-gadget-ultimi-commenti.html
      http://www.ideepercomputeredinternet.com/2012/05/widget-dei-commenti-recenti-per-blogger.html
      ...
      @#

      Elimina
  9. è tornato a funzionare ma così ad occhio non è cambiato di una virgola

    RispondiElimina
  10. Non mi funziona nemmeno a me il codce html, come posso fare?

    RispondiElimina
    Risposte
    1. Cosa non ti funziona? Questo codice o la casella di ricerca di Blogger? Questo codice funziona in tutte le pagine web. Prova a incollarlo in questo Editor Online per controllare
      http://htmledit.squarefree.com/
      Ora però ha ripreso a funzionare anche la casella di ricerca di Blogger
      @#

      Elimina
  11. Salve Ernesto, ho trovato il tuo dito per caso e mi è stato utile per inserire un motore di ricerca funzionante sul mio giornale. L'unica cosa che non riesco a settare è la ricerca per data. Lo script così come lo hai suggerito tu mi fa una ricerca alla rinfusa, senza ordine si tempo. Come potrei fare? grazie ciao.

    RispondiElimina
    Risposte
    1. Non so se si possa creare un motore di ricerca avanzato. Prova a leggere questo post
      http://www.ideepercomputeredinternet.com/2013/10/motore-ricerca-personalizzato-google.html
      ma non pi pare esistano opzioni per la ricerca per data. Potresti inserire un link alla ricerca avanzata di Google
      https://www.google.com/advanced_search?hl=it
      ma non so quanto potrebbe essere utile. Aneh tra gli operatori di ricerca avanzata non sono presenti quelli per data
      http://www.ideepercomputeredinternet.com/2015/10/ricerca-avanzata-google-operatori.html
      @#

      Elimina
  12. In uno dei tuoi screenshot dell'articolo appare la parola "demo". Questa è la parola che hai cercato nel blog. Se togliessi tutto questo elemento grigio, poi ci sarebbe un altro modo per far apparire la parola cercata ai lettori tramite questa casella di ricerca?
    Mi servirebbe un modo per inserire la parola cercata in html, javascript, qualcosa che sia visibile ai lettori.
    Purtroppo l'unica cosa che vedo nel modello è solamente questo codice <data:navMessage/> e non riesco a vedere che codici sono contenuti in esso.
    Probabilmente sto chiedendo l'impossibile, se è così me ne farò una ragione.

    RispondiElimina
    Risposte
    1. Infatti si tratta di uno dei tag di Blogger che risponde ai loro server e di cui non conosciamo il codice e anche se lo conoscessimo non potremmo fare molto perché per interagire con un server non è sufficiente il linguaggio HTML ma ci vorrebbe il PHP ammesso e non cencesso che i server di Blogger utilizzino questo linguaggio
      @#

      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.