Earning Money Through Amazon Associates
Friday, Aug 29 Changes

Adding Google Search to your TypePad weblog

Updated 18 August 2016: For the updated code, see Google's Custom Search Engine. Also, Typepad now has a built in search module. Learn more.

Matt Haughey of PVRblog writes in a great tip about adding a Google search to your TypePad weblog. Once you add the search to your weblog, your readers will be able to search your site for specific keywords.

How to add Google Search to your TypePad site

1. Create a new Typelist, one for links, I called mine "Google search"

2. Create a new item, with no title and no URL. In the note section add the following code:

<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/search">
<input type="text" name="q" size="5" maxlength="255" style="width:95px;" />
<input type="submit" name="btnG" value="»" style="width:25px" />
<input type="hidden" name="domains" value="pvr.blogs.com" />
<input type="hidden" name="sitesearch" value="pvr.blogs.com" />
</form>
<!-- SiteSearch Google -->

3. Then, change the domains and sitesearch hidden form values to your Typepad URL.

4. Next click the "Configure" tab on your search Typelist and under advanced configuration, change the Display Notes option to "As text".

5. Save Changes, add the list to your blog, and you'll end up with your own search box that will show visitors everything google knows about your blog.

Advanced users: you can add a style tag to the Form element, and modify the margins in css to get a layout you want (e.g. style="margin-top:4px; margin-bottom:20px;") and also play with the widths of the textbox and button (the supplied size worked on my typepad layout but other layouts could require larger or smaller widths).

Thanks Matt!

comments powered by Disqus