Donnerstag, 14. Mai 2009

Google Toolbar: Eigene Buttons erstellen

Die Google-Toolbar bietet auch die Möglichkeit an, eigene Buttoms (Custom Buttons) zu erstellen.
Wer noch Platz in seiner Toolbar hat, kann sich evtl. den ein oder anderen Button für nützliche Direktaufrufe zu diversen Diensten einbauen.

Hinweis: Beispiele orientieren sich an Windows XP, dem Firefox-Browser 3 und der Google-Toolbar 5.

Den Code erstelle ich mit dem Editor (Notepad) aus Windows.
Unter Windows-XP muss die Datei als XML-Datei in folgendes Verzeichnis gespeichert werden:

C:\Dokumente und Einstellungen\Dein Profilname\Lokale Einstellungen\Anwendungsdaten\Google\Custom Buttons\Button-Dateiname.xml

Einige kleine Beispiele:
  • das eigene Google-Konto aufrufen
  • ein Direktaufruf um ein neues Blog-Post für einen Blogger-Blog zu erstellen
  • einen Online HTML-Editor aufrufen (als Ersatz /Ergänzung für den Blogger-Editor?)
Im einfachsten Fall, sieht der Code so aus:

<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Einen Titel vergeben</title>
<description>Hilfetext (Tooltip) eingeben</description>
<site>URL zu dem gewünschten Dienst einfügen</site>
</button>
</custombuttons>

Die folgenden Beispiele haben zusätzlich ein eigenes Icon.

1. Das eigene Google-Konto - Übersicht über alle Google-Dienste die man nutzt - aufrufen:

<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Google Konto</title>
<description>Mein Google-Konto aufrufen</description>
<site>https://www.google.com/accounts/ManageAccount?hl=de</site>
<icon mode="base64">
AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAEgAAABIAAAAAAAA
AAAAAAClkoikj4eijoShjIGijX+ijYGij4Sej4WejIKcjYOejX+biHyeiHubiHyci4GbjICsmo+t
mY+qmo+pl42pmY6Xhn+Vg3uolImmlo2olYqkkoaok4SmkIKjjX+giX6fiHu2nJKzm5Gvm5Ctm4+S
f3Q/LSlYPDSFbGGlkoaqmI2ul4islYeqk4Wnk4elkISoj4G4ppq2pJiklIdhUUkpIB9KLiljQTV9
VkZ/ZFaznpGynpGym46xmYyvl4exl4eulofBraCNd3A5JSUZFRsiGBtLPEp6U0SAWUxiSEOUhHy5
ppe3p5i6pJi5oJS1oJa3ope7r6ZVYog2NVcaFBYlHSFMRWliRUJoX29rUlB7ZV6/q5y/rZ2/q5u/
qpm+qZi6ppfEuLJWZoFLX3syJSVRPTtQR1gwJjReZaBjV2FsVlx7cHDGsaDGs6TGsqLDsKHIsaHS
wrJiQztPOjlfanh6orZZR0QlIzRTVY9RTmpsbnlzt9R1eoGZiH6Fe3V4aF+flIzm2MtMOzhlcYF5
xeJKX29EOjopJzZkZo5SS1zMvbOuy9qHts1ePD0/LS0sJylORUXj3NFWUFFscHrV1tRcV1VPTFMm
HyFWV2BeWVrd1svd18vEwcCZiINuaGguJihFQEDQyLo5MDCOe3Pg29Csope7tKljWlkqJSpwZGDf
2MqsqqlpZnWYnbwhHCNSTU1GREza0b2bjYablpfn3crn3snm3MmYjoRSRD66rZvi2smhlI7Evrav
tM1ubXibk5NPUGPr38mYj4FUUlbl2sPq3sTo3cTWy7V0Z2CzqJfm2cPh18Lj2cHd1cfl1sbZzr7a
2trr3supm448OzzKv6/t28Pt2sLq2cFfWlbDtZ7l173o1bzm1rvn1Lvl07vm073h0r/u3MyPhn6U
ioTr3M3q28jt2cTq2MKzoJPey7Pq07nm1bjp0rjn0bbn0bTn0bXo0LTo0rfPtJvnz7Ln0rTq0bfq
0rjp07nn07jp0Lfo0LXpz7Tn0LbmzrXkz7bmz7fkz7UAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</icon>
</button>
</custombuttons>

2. Direktaufruf um ein neues Blog-Post bei Blogger.com erstellen:

<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>Blogger Post erstellen</title>
<description>neues Blog-Post erstellen</description>
<site>http://www.blogger.com/post-create.g?blogID=Deine Blog-ID einsetzen</site>
<icon mode="base64">
AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAEgAAABIAAAAAAAA
AAAAAAClkoikj4eijoShjIGijX+ijYGij4Sej4WejIKcjYOejX+biHyeiHubiHyci4GbjICsmo+t
mY+qmo+pl42pmY6Xhn+Vg3uolImmlo2olYqkkoaok4SmkIKjjX+giX6fiHu2nJKzm5Gvm5Ctm4+S
f3Q/LSlYPDSFbGGlkoaqmI2ul4islYeqk4Wnk4elkISoj4G4ppq2pJiklIdhUUkpIB9KLiljQTV9
VkZ/ZFaznpGynpGym46xmYyvl4exl4eulofBraCNd3A5JSUZFRsiGBtLPEp6U0SAWUxiSEOUhHy5
ppe3p5i6pJi5oJS1oJa3ope7r6ZVYog2NVcaFBYlHSFMRWliRUJoX29rUlB7ZV6/q5y/rZ2/q5u/
qpm+qZi6ppfEuLJWZoFLX3syJSVRPTtQR1gwJjReZaBjV2FsVlx7cHDGsaDGs6TGsqLDsKHIsaHS
wrJiQztPOjlfanh6orZZR0QlIzRTVY9RTmpsbnlzt9R1eoGZiH6Fe3V4aF+flIzm2MtMOzhlcYF5
xeJKX29EOjopJzZkZo5SS1zMvbOuy9qHts1ePD0/LS0sJylORUXj3NFWUFFscHrV1tRcV1VPTFMm
HyFWV2BeWVrd1svd18vEwcCZiINuaGguJihFQEDQyLo5MDCOe3Pg29Csope7tKljWlkqJSpwZGDf
2MqsqqlpZnWYnbwhHCNSTU1GREza0b2bjYablpfn3crn3snm3MmYjoRSRD66rZvi2smhlI7Evrav
tM1ubXibk5NPUGPr38mYj4FUUlbl2sPq3sTo3cTWy7V0Z2CzqJfm2cPh18Lj2cHd1cfl1sbZzr7a
2trr3supm448OzzKv6/t28Pt2sLq2cFfWlbDtZ7l173o1bzm1rvn1Lvl07vm073h0r/u3MyPhn6U
ioTr3M3q28jt2cTq2MKzoJPey7Pq07nm1bjp0rjn0bbn0bTn0bXo0LTo0rfPtJvnz7Ln0rTq0bfq
0rjp07nn07jp0Lfo0LXpz7Tn0LbmzrXkz7bmz7fkz7UAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</icon>
</button>
</custombuttons>

Die eigene Blog-Id sieht man in der Browser-Adresszeile, wenn man ganz klassisch einen Blog-Post erstellt.

3. Einen Online-HTML-Editor aufrufen, als Ersatz bzw. Ergänzung z.B. für den Blogger-Editor.
Den Code den der Editor erzeugt, dann per Copy&Paste in den Blogger-Editor kopieren:

<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<title>HTML-Editor</title>
<description>Einen Online HTML-Editor aufrufen</description>
<site>http://www.redpeachdesigns.com/html-editor.htm
</site>
<icon mode="base64">
AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAEgAAABIAAAAAAAA
AAAAAAClkoikj4eijoShjIGijX+ijYGij4Sej4WejIKcjYOejX+biHyeiHubiHyci4GbjICsmo+t
mY+qmo+pl42pmY6Xhn+Vg3uolImmlo2olYqkkoaok4SmkIKjjX+giX6fiHu2nJKzm5Gvm5Ctm4+S
f3Q/LSlYPDSFbGGlkoaqmI2ul4islYeqk4Wnk4elkISoj4G4ppq2pJiklIdhUUkpIB9KLiljQTV9
VkZ/ZFaznpGynpGym46xmYyvl4exl4eulofBraCNd3A5JSUZFRsiGBtLPEp6U0SAWUxiSEOUhHy5
ppe3p5i6pJi5oJS1oJa3ope7r6ZVYog2NVcaFBYlHSFMRWliRUJoX29rUlB7ZV6/q5y/rZ2/q5u/
qpm+qZi6ppfEuLJWZoFLX3syJSVRPTtQR1gwJjReZaBjV2FsVlx7cHDGsaDGs6TGsqLDsKHIsaHS
wrJiQztPOjlfanh6orZZR0QlIzRTVY9RTmpsbnlzt9R1eoGZiH6Fe3V4aF+flIzm2MtMOzhlcYF5
xeJKX29EOjopJzZkZo5SS1zMvbOuy9qHts1ePD0/LS0sJylORUXj3NFWUFFscHrV1tRcV1VPTFMm
HyFWV2BeWVrd1svd18vEwcCZiINuaGguJihFQEDQyLo5MDCOe3Pg29Csope7tKljWlkqJSpwZGDf
2MqsqqlpZnWYnbwhHCNSTU1GREza0b2bjYablpfn3crn3snm3MmYjoRSRD66rZvi2smhlI7Evrav
tM1ubXibk5NPUGPr38mYj4FUUlbl2sPq3sTo3cTWy7V0Z2CzqJfm2cPh18Lj2cHd1cfl1sbZzr7a
2trr3supm448OzzKv6/t28Pt2sLq2cFfWlbDtZ7l173o1bzm1rvn1Lvl07vm073h0r/u3MyPhn6U
ioTr3M3q28jt2cTq2MKzoJPey7Pq07nm1bjp0rjn0bbn0bTn0bXo0LTo0rfPtJvnz7Ln0rTq0bfq
0rjp07nn07jp0Lfo0LXpz7Tn0LbmzrXkz7bmz7fkz7UAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</icon>
</button>
</custombuttons>

Damit der neue Button in der Toolbar angezeigt wird, muss Firefox neu gestartet werden!

Weiterführende Informationen und komplexere Beispiele (Feeds, Gadgets etc.) zu den Custom-Buttons für die Google-Toolbar gibt es hier:

Deutschsprachige Google-Dokumention
http://www.google.com/tools/toolbar/buttons/intl/de/apis/howto_guide.html

Die englische Dokumentation enthält weitere und neue Beispiele:
http://www.google.com/tools/toolbar/buttons/apis/howto_guide.html

Ein eigenes Icon für den Toolbar-Button kann man hier erstellen:
http://www.motobit.com/util/base64-decoder-encoder.asp


NoodleGei.blogspot.com

Ähnliche Beiträge zum Thema/Kategorie:



0 Kommentar(e) zum Beitrag:

Kommentar veröffentlichen

Kommentare bitte fair und im rechtlich erlaubten Rahmen verfassen!
Die Kommentare und ggf. hinterlassene URLs werden von mir überprüft. Kommentare die für blaue Pillchen, Glücksspiele, bestimmte Bilder/Videos, Abzocker-Dienste usw. werben, werden gelöscht.

Kommentare von SEO-Link-Builder sind ebenso unerwünscht!

In den Kommentare können die HTML-Tags für:
kursiv = <i>Testwort</i>
fett = <b>Testwort</b>
Links = <a href="http://www.deineURL.de/">Link Text</a>
genutzt werden. Einfach die o.g. Beispiele kopieren und mit den eigenen Werten ersetzen.

  © Blogger template Columnus by Ourblogtemplates.com 2008

Back to TOP