为 Google 工具栏创建您自己的简单按钮

引言

这里有一个快速教程，介绍如何将你自己的自定义按钮添加到 Google 工具栏。我决定为我的第一篇文章选择一个非常简单的东西。实际上几乎没有涉及任何编码，只需要一个简单的 XML 文件和一个链接！

你需要编写一个 XML 文档。Google 将使用它来创建按钮。这没什么花哨的 - 真的！如果你不知道 XML 是什么 - 别担心！首先，请查看 Green Marines XML 文件的内容。

<?xml version="1.0" ?>
- <custombuttons xmlns="http://toolbar.google.com/custombuttons/">
- <button>
<site>http://www.greenmarines.com</site> 
<title>Green Marines</title> 
<description>A free community for US Marines.</description> 
<update>http://www.greenmarines.com/updated_button.xml</update> 
<icon mode="base64" type="image/x-icon">
AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAQAEAA
AAAAAAAAAAAAAAA AAAAAAAAAAAA////AH97gAC/vr8AQT4+AN/d4ABgXGAAo
J+gACEbIACPjJAA7+7vAFFLUQAwKzAA 0M3QAHBtbQCwrq4AmJWYAElESACIg
4gA9/f3ALe2twBYVFgAKSMoAOfl5wDHxccA2NfXADgzNgB5 dXcAqKepAGlla
gAcFhsAPDg8AGViYgCEgYEAXFZeAJOTkwB9e3gAJCAkAIyKigBFQEQATUhMAP
Ty 9AB0cnQA6+vrACwnLAA0LjQAy8jLAMPBwwC7ubsA29ncAJ2angB0cm4AVU
9YAFpZVwDV1NQAIB4c AFhVUwCclpsAUU9OAKakpgDS0dEAY15jAHt2ewAjHx
8AbGhrAEE7QQBEQUAA8fHxAB4YHgDNys4A NjE5ADo1OQBTTlMAVlJVAFxXWg
BwbHEA4eDhALaztQBOSk8ArquvAHJvcACGgoUAfXp9AKKfowCa mJgAZ2JlAP
n5+QCWk5YAjoyMAMK+wgBqZG0AUE9RAJOQkgD9/f4A7eztAN3b3QAuKS0A2tj
ZADIt MgA+OjsAR0JHALm4uQBjXmAAlZGUAH58ewA0MDIAPjg+AL25vQDq6eo
AKyUrANDQ0AA1MDUAycfK AF1YXABfWl8AYV1iAImFiQD49/kAPDY7AMbFxQD
BwMIAUk1RAHNvcgCQjI4A8fHzAB4aHgAuJy0A 1dTWAL++vQBaV1cAJSElAC8
qLgAzLzMAW1hYAGFbYQBkX2QAcWtwAP7+/wD4+PgA9/b2APDw8QDs 7OwAHhk
dACUfJADc2t0AKyYqACwmKwDa2doAMy0zANLQ0gDOy84APTg9ALy6vQBMSEsA
TUlNAFFO TwCYlJcAb2xtAHt3egB9e34A//7/AP7+/gD+/f8A/f3/AP79/gD4
+PkA6unrACwmLAAsKCwANzM2 ADo1OgBFQUQAvLm9AFJOUQBYVFkAcm9yAHl1
eAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA A
AAAoQEpDQUXL7B/AQEBAQEBAQFhnE1Jr1d5cWwBAaOiogGLIVAgnRiWQAafeA
EBoqIBPA86OJsq kR4sj21cpImiAW5UMyRjfSVvZKmODHABAQFMHa18dBaUTo
eaJ2IQAaUBXjlyCTt+dj2IngaSHDJz XQE2QjdYq6iGEj4VknooSwGgAXcOJi
N9Rlo0agaZC66ViQEBAXUBmEctaRSANVgEe4kBAQEBAQEb g1sBExkBBwOJE0
9Ta0VlaBoiMJOQWaxWAYxSH0RBlz9mCKoRhEhRCokBASsCYKdVgUqCfmdDAQG
h AQEBAV9TLoWmZzEBAQEBAaGhoaGhoYqNoaGhoaGhoQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAA=</icon> 
<feed refresh-interval="1800">http://www.greenmarines.com/
          MemberBlogs/tabid/67/rssid/0/Default.aspx</feed> 
</button>
</custombuttons>

其中大部分是 Base64 编码的图标 - 我们稍后会讲到。你需要做的是复制上面的 XML，然后开始替换元素内的值。这些元素是：

• site - 如果有人点击你的按钮，浏览器将定向到的位置。
• title - 你的按钮的名称。
• description - 保持简短，当你的鼠标悬停在工具栏上的按钮上时，它将出现。
• update - XML 文件的位置。
• icon - 按钮图标的 Base64 编码表示。
• feed - 添加到你的按钮的 RSS 或 ATOM 订阅源（如果你想将你的按钮提交到 Google 按钮库，则需要）。你也可以添加多个！

你不需要全部。主要的都在上面用粗体标出。只需将 XML 中这些标签之间的值替换为你自己的值即可。要对按钮的图像进行 Base64 编码，请确定或创建你的图像。（我使用了 Green Marines 的 favicon.ico，因为它无论如何都会由 16 x 16 像素组成）。然后使用 这个页面 来编码你的图像。将结果复制到 XML 文档的图像元素中。

如果你有 RSS 或 ATOM 订阅源，请将订阅源的 URL 插入到 feed 元素中。使用 .xml 扩展名保存你的文档（我们使用了 updated_button.xml）。将 XML 文件复制到你网站目录的根目录。准备好了！

现在，只需将下面的链接添加到你的网站上的任何位置，当人们点击它时，你的按钮将被添加到他们的 Google 工具栏中。

http://toolbar.google.com/buttons/add?url=http://www.yourwebsite.com/yourbuttonxmlfile.xml

将 url= 替换为指向你的 XML 文件的完整公共 URL。如果有人点击链接并且尚未安装正确的 Google 工具栏版本，他们将被提示安装正确的工具栏。

就这样！有关更详细的说明，请访问这里：http://www.google.com/tools/toolbar/buttons/apis/howto_guide.html。