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>

Dove, chiaramente, la lunga riga di caratteri alfanumerici andrà sostituita con quella ricavata dal tool sopra menzionato.
Vi consiglio di provare. E’ un’operazione molto semplice dal risultato eccezionale!