PHPBBIntegrare PHPBB PHPFunzioni PHP CFunzioni C EcologiaLa mia ecologia   Chi siamoChi è Senamion HomeHome page corner Il Web e l'ecologia

Senamion


Chi siamo:

Il web e l'ecologia, condividere il web e un momento di riflessione sullo stato dell'ecologia e sul suo futuro

Google

Inserire pulsanti personalizzati nella Google Toolbar

16 Novembre 2006 by Giovanni | Argomenti: , , | 6006

Google ha rilasciato la possibilità di inserire un bottone personalizzato all’interno della Google Toolbar. Nel link è presente tutta la documentazione per creare il pulsante.
In questo post vorrei dare alcune semplici spiegazioni.

Partiamo dal fondo: sul nostro sito sarà sufficiente mettere un link particolare all’XML che configura il pulsante personalizzato per la google toolbar per dare all’utente in pasto questo servizio. Il link da inserire sarà del tipo:

<a href="http://toolbar.google.com/buttons/add?url=http://www.sito.ext/mio_xml.xml"> Aggiungi il bottone alla toolbar </a>

Detto questo vediamo come va strutturato l’xml di creazione del pulsante:

<?xml version="1.0" encoding="utf-8"?> <custombuttons xmlns="http://toolbar.google.com/custombuttons/"> <button> <site>http://www.taxi-driver.it</site> <title>Taxi Driver WebZine</title> <description>Taxi Driver - La più importante WebZine di Rock Estremo</description> <search>http://www.taxi-driver.it/cerca.php?stringa={query}&amp;tipo=ALL</search> </button> </custombuttons>

Nei prossimi post vedremo come inserire anche un’icona personalizzata e inserire un menu’ a discesa con informazioni aggiornate (ultimi messaggi, news, eccetera).

Pubblicato in Di google un po' |

1 Commento a “Inserire pulsanti personalizzati nella Google Toolbar”

  1. » Icona personalizzata nella Google Toolbar - Senamion scrive:

    [...] Nell’articolo “inserire pulsanti personalizzati nella google toolbar” abbiamo visto come fare in modo di aggiungere un pulsante personalizzato che viene scaricato da un nostro sito e inserito nella google toolbar. L’applicazione di questa funzionalità permette di implementare funzionalità avanzate per i nostri utenti. Sicuramente l’uso principale sarà quello di fare una ricerca sul nostro sito, ma ci si può veramente sbizzarrire con qualsiasi idea. Vediamo invece adesso come fare in modo che il pulsante appaia con la nostra iconcina. Prima di tutto bisogna codificare in base64 la nostra immagine, si può utilizzare ad esempio questo sito. Il risultato è una serie abbastanza lunga di caratteri. Questi vanno inseriti nell’XML di cui abbiamo parlato nel precedente articolo in questo formato: <icon mode="base64" type="image/x-icon"> AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ONr/ODja/6en+f+np/n/p6f5/6en+f+np/n/p6f5 /6en+f+np/n/p6f5/6en+f+np/n/p6f5/zg42v84ONr/ODja/zg42v/i4v////////////////// /////////////////////////////////////+Li//84ONr/ODja/zg42v84ONr/p6f5/+Li//// /////////////////////////////////////////+Li//+np/n/ODja/zg42v84ONr/ODja/+Li //+np/n/4uL/////////////gYHy/4GB8v///////////+Li//+np/n/4uL//zg42v84ONr/ODja /zg42v//////4uL//6en+f+2tv//gYHy/1pa6f9aWun/gYHy/7a2//+np/n/4uL///////84ONr/ ODja/zg42v84ONr///////////+2tv//gYHy/1pa6f84ONr/ODja/1pa6f+BgfL/trb///////// ////ODja/zg42v84ONr/ODja////////////gYHy/1pa6f84ONr/trb//7a2//84ONr/Wlrp/4GB 8v///////////zg42v84ONr/ODja/zg42v//////gYHy/1pa6f84ONr/trb/////////////trb/ /zg42v9aWun/gYHy//////84ONr/ODja/zg42v84ONr/gYHy/1pa6f84ONr/trb///////////// //////////+2tv//ODja/1pa6f+BgfL/ODja/zg42v84ONr/ODja/zg42v84ONr/trb///////// /////////////////////////7a2//84ONr/ODja/zg42v84ONr/ODja/zg42v84ONr/gYHy/6en +f+np/n/p6f5/6en+f+np/n/p6f5/6en+f+np/n/gYHy/zg42v84ONr/ODja/wAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAA//8AAP//AAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAD//wAA//8AAA==     </icon> [...]

Scrivi un commento