Google AJAX Search API Playground: Google AJAX Search API in TypePad

September 21, 2006

Google AJAX Search API in TypePad

Inspired by a blogger named Marjolein Hoekstra, this morning I signed up for a TypePad account so that I could demonstrate how to add Google AJAX Search to a TypePad blog. I got a little carried away and ended up building out a complete TypePad solution. Something that should be pretty easy to migrate into your own TypePad blog. Just follow these instructions:

Signup for a Google Ajax Search API Key and capture the key. For my blog, I used a url of http://ajaxsearch.typepad.com
Convert your blog templates to "Advanced Template" mode
Download ajaxsearch-keys and then create a template named ajaxsearch-keys and populate the template with the contents of this file. Note, this file loads the Maps API as well as the AJAX Search API. Replace the key value with your keys
Download ajaxsearch-sidebar and then create a template named ajaxsearch-sidebar and populate the template with the contents of this file
Edit sidebar.inc and include the following (where you want the search sidebar to appear)

<$MTInclude module="ajaxsearch-keys"$>
<$MTInclude module="ajaxsearch-sidebar"$>

These instructions assume that you know a little bit about TypePad template editing. The sidebar module I wrote works in the "two column right" module format.

Once you have got this going in your blog, you can do a few cool things:

Its very easy to include a hyper link in a blog post that results in a search on the map. Just create a the hyperlink as a javascript url that calls doMapSearch('search-term');. e.g., if you look at the resulting <a/> element, in "Edit HTML" mode, it will look something like this: <a href="javascript:doMapSearch('Sakana');">Sakana</a>. Here is an example: Sakana
Embedding core center column search is just like map searching only the function is doCoreSearch(); Here is an example: Google
Embedding video search links is just like map searching only the function is doVideoSearch(); Here is an example: Jimi Hendrix

Play around with this and let me know what you think. I already know what I think... TypePad Rocks!

p.s. - If you are a Blogger user, check out http://ajaxsearch.blogspot.com

Posted at 10:11 AM | Permalink

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d834626b5569e200d834626b6569e2

Listed below are links to weblogs that reference Google AJAX Search API in TypePad:

Google AJAX Search API Playground

September 21, 2006

Google AJAX Search API in TypePad

TrackBack

Comments