Creating a Custom Google Toolbar Button for Your Blog

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Live Demonstration:

Click to add a custom BlogClout.com/blog button to your Google Toolbar

Would You Like Such a Custom Button for Your Own Blog?

Custom Google Toolbar Button

Just follow the simple 5 steps below to get your own custom google toolbar button.

1. Create a file in Notepad and save it as “google-btn.xml”

2. Copy-and-paste the following code to that file.

<custombuttons xmlns=”http://toolbar.google.com/custombuttons/”>
<button>
<site>http://www.blogclout.com/blog/</site>
<title>How To Grow Your Blog Traffic</title>
<description>Tricks to Increase Your Blog Traffic</description>
<feed refresh-interval=”3600″>http://www.blogclout.com/blog/feed/</feed>
<search>http://www.blogclout.com/blog?s={query}</search>
<update>http://www.blogclout.com/blog/google-btn.xml</update>
<icon>
AAABAAIAEBAAAAAAAABoBQAAJgAAACAgAAAAAAAAqAgAAI4
AEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///wAAtucAc4Ae
v/ADnH7wCUqnsAWnUhAADT/wB7y9YA3vP/AFrT7wDGz7UAhJpjA
QAa4I5ABDH9wClroQAIcf3AO/7/wAAw/cAELrnAIzf9wBjeTpev/AP
9wD39+8AztfGAIyiawBSy+cAQmEIAL3LrQBSbRgAGL7vAgCt5/cAv
O/9wC15/cAhN/3AJSmcwAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</icon>
</button>
</custombuttons>

3. Replace the text in red with your Site Details

a. <Site> = Your Blog URI. Eg: http://www.yourdomain.com/blog
b. <Title> = Title of your blog
c. <Description> = Description of your blog
d. <Feed> = Your Blog Feed URI. Eg: http://www.yourdomain.com/blog/feed.rss
e. <Search> = Your Search Domain (If you don’t have a search box on your blog, please remove the entire Search tag from the file)
f. <Update> = Your source where you will save the google-btn.xml file.
g. <icon> = The 16*16 picture that will show up on the Google Toolbar. You will need the ASCII format of the picture.

To get the ASCII format, go to:
http://www.motobit.com/util/base64-decoder-encoder.asp
Upload your icon picture. Select “encode” and click “Convert the Source Data.” Copy-paste the code they give out in your file.

4. Save the file after editing it. And then upload it to your servers.

5. Ask people to click on the following link to add your site button to their Google Toolbars.

http://toolbar.google.com/buttons/add?url=http://www.yourdomain.com/blog/google-btn.xml

If you liked this post, buy me a beer. (Suggested: $3 a beer or $7.5 for a pitcher)

Spread the word:
del.icio.us Digg Reddit StumbleUpon

Posted by Ankesh Kothari under Blog Setup on 04 Jun 2007

If You Liked This Post, You May Also Like...


Comments: 3

RSS feed for comments on this post. TrackBack URI

  1. Timothy wrote:

    Hi Ankesh

    I have added your button to my ever expanding google toolbar.

    Google is awsome!!!!

    Posted 04 Jun 2007 #

  2. HOSTING RESELLER PERU wrote:

    gracias.

    Posted 07 Jun 2007 #

  3. e12e84b84bbc wrote:

    e12e84b84bbc

    e12e84b84bbc8cf03350

    Posted 10 May 2008 #

Post a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Close
E-mail It

Classic Hits

Archives


Random BlogRoll


Resources

Copyright © 2007 - BlogClout.com