Monday, December 17, 2007

Ads now in harmony with search results



Many folks have pointed out that all the results on the page -- both the search results and the advertisements -- should be appropriately customized so that the ads are in sync with the search results. We are happy to tell you that this is now indeed the case. Keywords that you use to tune search results will also be used to tune the ads.

To demonstrate the power of keywords for tuning ads, we've created 3 search engines. Note the differences in ads when we search for [leash] on all three:

A search engine about children, with the keywords [child children]:


A search engine about dogs, with the keywords [dog dogs]:


And, a search engine about surfing, with the keywords [surf surfing]:


So, keywords are even more important than before to your search engine. Make sure that you choose the keywords that provide the best overall search experience!

Tuesday, November 20, 2007

Custom Search in your language of choice



Since we launched Google Custom Search last year, webmasters and businesses around the world have been able use specific language controls to build customized search experiences. However, the Custom Search administration console was only available in English -- until now. Starting today, the Custom Search platform supports 40 languages in close to 80 countries worldwide.

Webmasters can use CSE to create tailored search experiences on community web sites; businesses can add hosted site search to their web sites; users can add search to their blogs and web pages; and developers can build search right into their applications with the Custom Search APIs. And there's no software to install or hardware to maintain. Custom Search engines can be built in minutes and are easy to customize and manage. You can also control the appearance of the search results to match the look and feel of your web site. Now, you can administer your favo(u)rite CSE in the language of your choice.

Custom Search is available as a free, ads-supported version, and through Custom Search Business Edition (CSBE). With CSBE, further customization of search results is possible using an XML API, and ads are optional. CSBE offers options for email and phone support. This launch also brings Custom Search Business Edition (CSBE) to your country. So if you're looking for fast, easy and relevant search for your website in your language, you'll be pleased with this launch.

As always, we'd love your feedback. Visit our User Group to tell us more about your Custom Search implementation.

Tuesday, October 30, 2007

Custom Search Results Overlay



The ability to integrate Custom Search with your site is an important feature , and we recently added a new option to the Code tab that makes this integration easier. Using AJAX techniques, you can now get your search results in an overlay that appears on top of the page containing the search box. Here's an example.

Go to the Code tab of your search engine's control panel and select "Host results on a non-Google site" and "overlay" to get this new code.

Behind the scenes, this is powered by the AJAX Search API, which gives you complete control of your search results and is easy to use with Custom Search.

Tuesday, October 9, 2007

Difference - HTML and XHTML

When inserting codes into the Blogger template, page element, or blog post, you may have seen error messages that the code could not be parsed, was not well-formed, was broken, or that the elements were not closed properly. These errors can be corrected if you understand the rules that must be adhered to in XHTML documents. Blogger templates use the XHTML 1.0 Strict Document Type. In this

Sunday, October 7, 2007

Three Columns Thisaway Template (I)

We have polled readers to find out what Blogger templates they are using so that we can roll out articles pertaining to their templates, such as our 3 column template guides to add another sidebar and convert their existing Blogger templates from two columns to three columns. We have posted the conversion tutorials for the popular templates – Minima, Rounders, Denim, Dots, Scribe and Sand Dollar

Three Columns Thisaway Template (II)

In the earlier Three Columns Thisaway Template (I) article, we have given a how-to guide on changing the Thisaway and Thisaway Blue templates from two-column to three-column templates. In this second part, we shall show you how to add a new sidebar into the Thisaway Green and Thisaway Rose templates. As we had mentioned, before modifying the template, be sure to back up the existing template.

Monday, October 1, 2007

SEO Tools - Search Engine Optimization

What are search engine optimization tools, webmaster tools, Google page rank checker, SEO tools, and how can these internet tools help to bring more quality traffic to your Blog? There are many free online web tools that webmasters can use to find out more information about their sites. The tools can also alert the webmasters to possible problems search engines may have with the site's template

Saturday, September 29, 2007

Author Comments - Different Styles

Bloggers generally welcome constructive comments and feedback on their posts. Among the ways to encourage comments are to remove the “nofollow” tag and to add a Recent Comments widget into the template. Comments highlight issues that readers might have faced, and the author's reply to these comments may be useful to other readers as well. If you have many comments posted in your blog, it would

Thursday, September 27, 2007

Flash Music Player and Music Playlists

In our earlier article, Add Music to Blogspot Blog, we talked about how music can be played in the background of the blog or through a hyperlink or music console player. Readers had requested for an option to play more than one song via a playlist. We have been looking at cross-browser music players that allow us to display a music playlist of selected musical pieces for Blog readers to listen

Tuesday, September 25, 2007

Submit Blogger Sitemap to MSN and Ask.com

We had explained how to submit Blogger sitemaps to Google and Yahoo!. When the sitemap industry standard was first announced in 2006, Microsoft's MSN was one of the three major search providers which supported the protocol. Submitting your Blog's sitemap to these search engines will enable them to index the pages and contents of the site. Needless to say, having all the pages indexed will

Monday, September 24, 2007

Recent Comments Feed Widget

We wrote earlier about creating Recent Comments and Recent Posts Widgets using Blogger's “Feed” page element. It was a simple method that even non-techie Bloggers can understand and use. In the middle of last month, Blogger did a major change to the GData API and many bloggers suddenly saw broken entries in their feed widgets. Although Blogger has tweaked the Feed widget to make this work

Tuesday, September 18, 2007

Custom Search for Salesforce Developers

Posted by: Ryan Pollock, Product Marketing

I recently met with Adam Gross, VP of Developer Relations at Salesforce.com, to hear how developer.salesforce.com uses Google Custom Search. The company is building a community and knowledge base for developers on its Apex platform, and needs a search engine across a variety of content sites, including blogs and wikis. Adam says that Custom Search Business Edition is ideal for their needs, since it's easy to search multiple sites and access search results through an XML API. From the time he learned about Custom Search Business Edition, Adam says it only took a few days to install and create a look and feel for search results that matches the rest of the site.

To hear the story in Adam's own words, check out this video.

And if you're interested in hearing more about our work with Salesforce, we're at their Dreamforce conference this week, so come by to see us.


Technorati Tags in Blogger Posts

Technorati, which indexes some 94 million weblogs, allows blog owners to assign tags to their posts. These tags are essentially words which describe the category that the posts, photos and videos fall under. Visitors can then search these tags to find the relevant blog posts. How can the Technorati tags be inserted into Blogger posts so that they can be indexed by Technorati? Is there a need to

Wednesday, September 12, 2007

Better search results



We've implemented two frequently-requested features that we think will improve the quality of results in your Custom Search Engine.

1. Keywords now have a much stronger effect on Custom Search results. This helps give better targeted results and more flexibility than before. You can change your search engine's keywords in the "Basics" tab of your search engine's control panel. If you don't like the effect that keywords have your search results, you can also remove them.

Compare the results on this yoga search engine when looking for a "mat" with and without the keyword "yoga" --

2. For the XML hackers, FILTER labels now are effected by scores and

Monday, September 10, 2007

Blogger FAQ and Help Guide

In case you are not already aware, we have been addressing some of our readers' queries through our Tricks for New Bloggers blog. It all started with readers asking questions which are unique to their situations. While we tried to modify our articles to include those situations as well, it was a tall order trying to cover every possible permutation. So as not to disappoint our readers, we set

Thursday, September 6, 2007

Submit Blog to Search Engines

Search Engine Optimization (SEO) aims at increasing the volume and improving the quality of traffic to a website from search engine results. Search engines work on different algorithms to analyze the contents and keywords, and present the search results. Google, for instance, assigns page ranks to the sites and sites that rank highly will appear early in the results. Of course, many other

Wednesday, September 5, 2007

Add or Remove Borders in CSS Templates

We have received a number of queries from people wanting to remove the image borders or add sidebar borders in the CSS layouts. In this article, we cover briefly what the border styles in CSS templates are and where you can find them. With this guide, you will be able to remove the borders around the images, sidebar or main posts, or change the style and color of the borders to match the Blog

Saturday, September 1, 2007

Internet Security and Blogger Virus

The internet was abuzz with talk that Blogger.com site got hacked and was compromised. Blog owners suddenly found fake spam Posts in their Blogs which contained links to virus downloads and data mining sites. Some were faced with inexplicable web page load times and yet others noticed odd codes appearing in their templates. The natural reaction is to blame all these on the people responsible

Thursday, August 30, 2007

Add Scrollbars to Blog Widgets

This tutorial shows you how to create widgets or boxes with scrollbars. When the contents in the widget exceed a certain specified height or width, there will be a vertical or horizontal scrollbar to enable users to read the contents that overflow or exceed the box area. This scrolling element is especially useful for our Link List or Labels widget which may be very lengthy. It reduces the total

Tuesday, August 28, 2007

Three Columns Dots Template

If your Blog is using a Dots or Dots Dark Template, you can consider adding another sidebar, making it a 3 column Dots Template. Because the dots in the background image are well-spaced, we thought it won't look nice having another column. However, after inserting the third column and making adjustments to several settings, we were pleased to see that a three column Dots or Dots Dark Template

Monday, August 27, 2007

Additional Capacity for Business

By: Matt Wytock

In July, we launched Custom Search Business Edition, which those of you who are webmasters and product developers at companies can use to easily set up an ads-free search engine for your websites and completely customize the look and feel of search results through an XML API.

Earlier, the online checkout process allowed purchases for search of up to 50,000 web pages. A number of businesses asked us about site search for larger sites, so now we have expanded the capacity of Custom Search Business Edition. We've introduced two new plans that you can purchase online:

  • Search up to 100,000 web pages: $850 per year
  • Search up to 300,000 web pages: $2,250 per year


If you want to search more than 300,000 pages, contact us .

You can convert your existing Custom Search Engine to the Business Edition , or you can create a new Business Edition search engine.

Feedburner - FeedCount Chicklet Text

Feedburner is a very popular feed aggregator and provides a host of services which you can tap on to publicize and promote your Blog. One widely used service is their FeedCount Chicklet which displays your Blog Feed's circulation statistics. The chicklet can be static (displaying the number of “readers”) or animated (showing the number of “readers” via feed). Although you can change the

Three Columns Sand Dollar Template

The Blogger Sand Dollar template takes up the full browser width and has a nice color scheme. Some people may find that the empty space in the sidebar can be put to better use. We can add another sidebar to the right and this tutorial will show you how to convert your Sand Dollar layout into a three column template.Here, we are specifically dealing with 3 column Sand Dollar templates. If you

Saturday, August 25, 2007

Customize Video Upload in Blogger

We wrote an article some time back suggesting how you can Add Video to Blogs. We highlighted two popular video hosts – Google Video and YouTube. Just yesterday (Aug 24, 2007) Blogger released its new Video Upload feature from its Blogger in Draft. There is now an icon in your Post Editor allowing you to upload a video into your post, in the same manner as you would for photos. At the moment,

Thursday, August 23, 2007

Images not shown in Internet Explorer

Sometimes, the photos, images, pictures or graphics do not show or display in a website in Internet Explorer (“IE”) browser or an email in MS Outlook Express. Instead, where the pictures ought to be, there is a Red X or a placeholder.Several factors could have caused this problem of images not being displayed in IE. In this Help guide, we'll look at these reasons and the solutions to show

Tuesday, August 21, 2007

Customize and Modify Poll Widget

In this article, we shall suggest some modifications to the CSS template to change the appearance of the Poll widget to something eye-catching and attention-grabbing. For example, we can add background colors or images to the Polls widget and change the font and border colors. These should draw the attention of your readers to the Poll and put some buzz into the Blog.In case you are not aware,

Monday, August 20, 2007

Sticky Posts in Blogger

In this article, we learn how to create sticky posts or have an article permanently displayed on your Home page and above the Blog Posts. This is useful if you want readers to see a particular post, message, announcement or text whenever they visit the site. It could be an earlier popular post. In all Blog platforms, new posts are always shown first and older posts are archived. With a simple

Sunday, August 19, 2007

Make Blog Private and Unsearchable

Many people write blogs to share their thoughts with everybody and anybody. However, you may also use your Blog as an online diary, penning very personal and private thoughts. Like all diaries, you can either allow a select few persons to view the Blog or allow no one but yourself the right to view it. Also, you may not want it to be indexed by search engines, so that people searching for it

Friday, August 17, 2007

Manage Blogger Image Storage Space

We have uploaded a fair number of pictures and graphics onto our Blogs. However, this is nothing compared to some blogs which have hundreds and thousands of photos in their archives. As we know by now, any service, be it web host or email provider, that comes free will not allow you unlimited bandwidth or storage space. Google has a cap on its storage space too. In this article, we shall

Wednesday, August 15, 2007

Recent Comments and Recent Posts Widgets

Recent Comments WidgetAdding a Recent Comments widget into your sidebar is a way of acknowledging the readers' feedback and giving their comments a prominent place in the main page of your Blog. It also makes it easier for them to check for replies to their questions and for other readers to follow up on topics which they may find interesting. This widget is especially useful if you have

Monday, August 13, 2007

Tables – HTML Basics and Tutorial

In this article, we shall learn how to create tables in our Blog posts or as a part of our web design layout. This guide covers the usual HTML attributes and styles that can be applied to tables. Tables add a different dimension to displaying your contents and whether you have a football match fixture, menu, and song, price or grocery lists, putting them in a table format is certainly neater.Most

Sunday, August 12, 2007

Three Columns Denim Template

We continue with our series of 3 column templates tutorials, this time outlining the steps to take to convert the 4 standard Denim Blogger Templates – Denim, Washed Denim, Stretch Denim and Stretch Denim Light - into three column templates. Where necessary, we shall reduce the extra space in both the left and right margins of the templates and add a new sidebar. Since we are only expanding the

Friday, August 10, 2007

Horizontal Menu and Navigation Bar

Many web designs use horizontal menu bar and navigation lists which allow users to easily access the pertinent information in their website. While Blogger makes it simple for you to create a link list through their “Add a Page Element” function, the list is displayed vertically. We shall discuss how you can change that into a horizontal link list, and more specifically, use that as a navigation

Sunday, August 5, 2007

Header Image and Title Alignment (II)

We continue from where we left off at Header Image and Title Alignment (I). This guide is for those who have uploaded images into their Headers, and want to move the pictures to the center, left or right side of the Headers. In this tutorial, you will also learn how to adjust the margins for the Title and Description in the Headers. The first part of our article covered the Minima, Denim,

Header Image and Title Alignment (I)

We created this Blog using the new beta Blogger template. At that time, there was no easy way to insert images into the Blogger Header. We had therefore written an article on inserting a Banner or Picture Link in the Blogger Header. Recently, Blogger introduced a new feature in their templates, allowing owners to upload pictures into their Blog Headers. This background image to the Blogger

Thursday, August 2, 2007

Social Bookmarking Links in Blogger

In this article, we shall provide the code for you to place into the template to have a line of icon/ button links or text links to popular social bookmarking sites like Digg, Technorati, del.icio.us, Reddit, Blinklist, Furl, Yahoo, Simpy, etc. Readers can click them to add your site or your post to their bookmarks and in sharing these links with others, your Blog becomes more visible. This

Thursday, July 26, 2007

Three Columns Rounders 4 Template

Here, we cover the steps taken to change a Blogger Rounders 4 template into a three column template. Unlike the other Rounders templates, Rounders 4 has an additional picture in the Header which should be enlarged to accommodate the new blog width. When you are at Template -> Edit HTML, look for “Blogger Template Style”. If the Name of your template is “Rounders 4”, follow this guide to

Wednesday, July 25, 2007

Three Columns Rounders 3 Template

This is our tutorial specifically for those who are using the Blogger Rounders 3 Template and would like to add a third column or new sidebar into their template. To confirm what your template is, go to Template -> Edit HTML and look for “Blogger Template Style”. If the Name is “Rounders 3”, follow this guide to customize your template to a three column Rounders 3 template.For other templates,

Tuesday, July 24, 2007

Three Columns Rounders 2 Template

We had written an article on converting the Blogger Rounders template into three columns. Since the graphics for the Rounders 2, 3 and 4 are different, we shall in this article discuss specifically the changes to be made if you want to insert a third column into your Rounders 2 Template. If you are unsure as to what your template is, go to Template -> Edit HTML and look for “Blogger Template

Monday, July 23, 2007

Three Columns Scribe Template

We have been receiving a number of queries by users who wish to insert a third column into their Blogger templates but are using other templates like Scribe, Denim, Thisaway, No. 897, and so on. We have therefore set up a test blog using a different template each time and converted them into three column templates. In this article, we shall outline how you can add a third column or a second

Thursday, July 19, 2007

AdSense Product Referrals in Blogger

If you have an AdSense account, this latest launch of Google AdSense Referrals 2.0 is something you must look at. In addition to the traditional Google products, there is now a very long and varied list of products that you can include in your Blogs and offer your readers. In contextual ad targeting, the AdSense ads that appear in your Blog may not always be relevant, especially if you do not

Tuesday, July 17, 2007

Now CSE for businesses


Ever since we launched Custom Search Engine (CSE), businesses of all sizes have been talking to us about specific features, more flexibility on presentation, and tighter integration with their websites and internal databases. We've heard you! Over the past year, we've launched powerful features, including improved language support, statistics and Linked CSEs. We've made Custom Search APIs available to developers, so that nifty search-enabled applications can be built atop the Custom Search platform.

Today, we're announcing Custom Search Business Edition (CSBE), an offering tailored to businesses that want more control over the search experience on their site. Search results can now be delivered through XML, offering further presentation control and flexibility to business users. Businesses now have the option to turn off ads. And CSBE provides options for email and phone support and Google branding is optional for business customers.

CSBE builds on the same foundation as CSE and offers all the benefits of Google search technology -- powerful algorithms, scale, reliability, performance and most importantly, world class search results.

You can directly sign-up for a new CSBE or convert your existing CSE (new Business tab on the control panel) to Business Edition for as low as $100 per year.

Monday, July 16, 2007

Alert Message and Dialog Box

You can display an alert message box to give a special announcement, provide information, or warn the readers before they view the full contents of your site. The pop up box will contain your message and have an “OK” button for viewers to proceed, or a prompt or cancel button to redirect readers to another site. We can further customize our Blog by asking for the reader's name and inserting

Thursday, July 12, 2007

Numbered List and Bulleted List

The Blogger's post editor gives you one number style for an Ordered (Numbered) list and one bullet style for an Unordered (Bulleted) list. Here, we shall let you know how you can change these styles to add variation to your posts. We shall also discuss how links can be incorporated into such lists and how a marquee tag can be added to make the list scroll.Ordered (Numbered) ListWe like to use

Search your blog world

Matt Wytock and Patrick Riley, Software Engineers


With our launch of Linked Custom Search Engines (CSEs) we made it possible for developers to construct CSEs on the fly.
Using the Custom Search APIs, you can now dynamically construct CSEs, and Google will automatically update and maintain them for you.

You may already know how you can use our APIs to create innovative search-enabled applications. Today, we're delivering a Google Search widget for Blogger built using the AJAX Search API. Configure this widget on your Blogger blog to immediately search not just your blog posts, but across all the link lists/blogrolls you've set up on your blog and the links you've made from your posts -- in other words, the world around your blog!

Try out the Search Box widget at Blogger's experimental site, draft.blogger.com. Once you've logged in and configured the widget, visitors to your blog will see a search box there. The search experience inherits your blog's look and feel, and is uniquely flavored around pages you've linked to from your blog.

To add the widget:
  1. Edit your blog's layout.
  2. Click on "Add a page element", and configure the "Search Box" widget.

Your link lists will automatically show up as optional tabs for your search; you can decide which ones you want to configure.
Preview the search experience and save your changes. Your blog is instantly custom-search-enabled.

If you're not using Blogger, you can still use our AJAX Search API to put Linked CSEs on your website.

Let us know what you think, and what CSE-enabled applications you're working on.

Monday, July 9, 2007

Prevent Content Theft and Copyright Infringement

How annoying it is, spending an awful amount of time researching and writing articles for your Blog, only to find out that some people have stolen your articles and reproduced them in their blogs as though they wrote them. Over the weekend, we decided to take action against one of the several “thieves” and we relate our experience here so that you have an idea how you should proceed when you

Friday, July 6, 2007

Faster Web Page Load Time

We share with you what we have been doing to improve the page loading time of our Blog. If a web page takes too long a time to load, the readers will simply hop on to another site. Making it load quickly also saves the dial-up internet users' money and time. While it is true that the download time depends on the readers' internet connection speed, we can as Blog owners tweak our layout and

Tuesday, June 26, 2007

Custom Search Engine APIs

Posted by: Matt Wytock, Software Engineer

A couple of weeks ago we blogged about a new feature and a new kind of Custom Search Engine (CSE) that you could create on the fly. Today, we thought we'd dig a bit deeper and describe the underlying infrastructure that powers this. With our new Linked CSEs, we are exposing the API to create and control CSEs.

Until now, you created a CSE either by using the wizard or by writing an XML file and uploading it to Google (via the "Advanced" tab on the control panel). To change any aspect of the CSE, you had to either use the control panel or upload the new XML specification. This imposed several limitations:

  • Creating and maintaining a CSE was a manual process.
  • It was difficult to create a large number of CSEs.
  • It was difficult to use other data sources such as iCal, RSS, Google Base, etc. to programmatically create CSEs.

The search box code for these CSEs (found on the "Code" tab in the control panel) includes a "cx" parameter with every search request (for example, <input type="hidden" name="cx" value="005946352831473999820:qs1idu8ptku" />), which specifies an internal identifier for the CSE.

Linked CSEs overcome these limitations. In short, you can now specify your CSE using a "cref" parameter that points to a URL, anywhere on the web. You update this URL at your end and don't have to upload it or edit your CSE using our tools. The URL can take arguments to produce dynamic CSEs, based on the current page, the current user visiting your site, etc. You can see this in action on our "on the fly" demo page: when you type "http://www.cs.berkeley.edu/~russell/ai.html" in the form text field, the javascript on that page constructs a "cref" parameter that contains http://www.google.com/cse/tools/makecse?url=http://www.cs.berkeley.edu/~russell/ai.html. This URL (visit it!) contains an XML specification for a CSE. You can use any script you want, or reference a static file, when creating your CSE. And there's nothing special about our makecse example script: we're hoping that our developers and the developer community will build many other such CSE-generating tools.

How does this work? With Linked CSEs, you designate a CSE specification URL with each search request (as a hidden form field in your search box HTML code). Google retrieves the CSE specification from the URL when your user searches in the CSE. We cache and refresh the results so that only the first search to your CSE incurs any delay. The flexibility to specify how your search engine should behave, just when your user is doing the query, using whatever data sources you want, opens up many possibilities:

You can test any Custom Search Engine XML by going to http://www.google.com/coop/cse/cref and entering the URL. Putting a search box on your site is as easy as copying a small bit of HTML code and modifying the "cref" parameter.

Linked CSEs are a very big step for Google Custom Search. We hope you will find them as cool as we do. As always, thank you for your support and keep the feedback coming.

Friday, June 22, 2007

Finding your community

Posted by: Vrishali Wagle, Software Engineer

Since we launched Custom Search Engines (CSEs) last year, we have seen search engines created on a variety of topics. Many of these search engines are open to volunteers and would love to have you contribute to them.

Now, it's easier for you to find all of these CSEs. Go to the Featured Examples page and type relevant words into the search box at the top of the page. We will search for these words in the fields for the search engine's name, description, keywords, and popular queries. If you're interested in finding a search engine to contribute to, search specifically for search engines that allow volunteers. For instance, if you're most interested in non-profit organizations, search only for non-profit search engines. You get the gist.

All of this searching over search engines is done via Google Base. It's the place to submit your content and make it searchable and accessible on Google. You can look at the hundreds of custom search engines that are related to cricket, podcasts and lyrics. We also have search engines on pet rats and many flavors of legal search.

Please note that only a small fraction of existing CSEs are included in this search. We've filtered search engines based on quality, recency, traffic and other metrics.

We hope this new Custom Search Engine search feature enables you and other CSE creators to find search engines more easily, and that it ultimately provides you with better access to information in your community.

Monday, June 18, 2007

Status Message and Older Post picture link

This tutorial covers 2 aspects. First, we shall customize the template to remove the status message “Showing posts for query link. Show all posts” appearing at the top of the posts when you enter a search word in the Blogger Navigation bar. Secondly, in the previous article, we discussed the ways to remove or hide the Newer Posts, Home, and Newer Posts links at the bottom of every post. We

Wednesday, June 13, 2007

Post Footer – Customize Template (I)

In this tutorial, we discuss the various ways you can customize the Post Footer and change the Blogger template. The steps will cover how to change the “Posted by author”, “Comments”, “Labels” links in the Post Footer, replacing them with other names or pictures.This is how a typical Post Footer looks like. It includes the author's name, time of the post, number of comments, number of backlinks

Post Footer – Customize Template (II)

We continue from where we left off in Post Footer – Customize Template (I). In the first part, we went through how you can change and customize the appearance of the “Posted by author” link and replace it with another name or picture. You could also remove the timestamp if you want. In this part, we continue with customization of the “Comments”, “Labels” and other icons shown in the Blogger

Tuesday, June 12, 2007

Custom Search on the fly



Starting today, there's a new feature that makes Custom Search Engines (CSEs) even easier to create and keep up to date.

You can now create a CSE by simply placing a small piece of tailored code on a page on your site. With that one piece of code, Google's search technology will automatically include in your new CSE all of the sites you have linked to from that page, creating a dynamic, powerful and tailored search experience really quickly. Moreover, your new CSE will update itself periodically to include any new links added to that page.

So, if you have a blog or a directory-like site and don't feel like listing all of the URLs you want to search across, you can leave the work to us. With this new feature we'll automatically generate and update your CSE for you. For example, try the query 'sculpture' on this CSE dynamically created from a page of links to kids museums or the query 'planning' on the search engine about Artificial Intelligence we created from the page of links at Berkeley.

Pretty cool, eh? We think so too. There are many powerful things you can do with this new feature, and in the near future we'll be talking about different possibilities. In the meantime, however, feel free to get your dynamic Custom Search Engine up and running. We'll be back in an instant.

Keep the feedback and great ideas coming!

Friday, June 8, 2007

Submit RSS Feeds and Pings

In this article, we list all the Feed Directories to which you can submit your feeds for Free. We shall also list the Ping services that you can use to ping whenever you update your Blog. This should help increase awareness of your new articles and attract more readers to your Blog. As the list is ever-growing, you might want to consider bookmarking this page as we shall update the list whenever

Tuesday, June 5, 2007

Scrolling Text - Marquee HTML Code

This HTML term Marquee is used to create a scrolling or sliding text. The text can move across the screen horizontally or vertically at a certain speed determined by you. Note, however, that while it looks nice to have scrolling announcements, advertisements, quotations, or links, having too much animation in your Blog may distract and irritate your readers. We had earlier created a line of

Tuesday, May 22, 2007

Three Columns Rounders Template

This article is specifically catered to those using the “Rounders” template and wish to add a third column or another sidebar to their current template.If you are using other templates, please refer to our articles and guides on:-1. Three Columns Denim Template;2. Three Columns Dots Template;3. Three Columns Minima Template;4. Three Columns Rounders 2 Template;5. Three Columns Rounders 3 Template

Sunday, May 20, 2007

Links - Hover and Rollover Effects

Add an identity to your Blog by customizing the text links in your post and sidebars with nice rollover effects, colors and highlights. Learn how to remove the underline under the links. For the purpose of this article, we have changed our template such that you will see a different text color when your cursor is over the links, and a highlighted background color when the cursor is over the

Friday, May 18, 2007

Links, Labels open in New Window

In our previous articles, we discussed the code for making the text and image links in your Posts open in new windows or tabs when clicked. However, to have the links in a Link List and Labels that are normally in the sidebar widgets open in new browser windows or tabs, you would need to change the HTML code in your template. Here, we shall talk about the hack that you can put into your

Thursday, May 17, 2007

Star Power




If you've created a Custom Search Engine you've likely encountered the term 'URL patterns': the method for specifying sites and pages to include in a search engine. You can create a Custom Search Engine without ever giving URL patterns much thought, but there's added control that comes with understanding how they work and how best to use them. To that end, here are a few tips on creating useful URL patterns.

The simplest type of pattern is the URL of a specific page. You can use an asterisk (or star, in techie vernacular) as a wild card in your pattern to specify a swath of URLs by identifying their common characters. Here's how it works: rather than add each page of www.site.com to your search engine, you can merely add www.site.com/* and we will include every URL that begins with www.site.com. Similarly, rather than individually adding each subdomain of site.com, you can use the star to include them all: *.site.com will apply to www.site.com, server.site.com, etc.

Because most users adding sites to their search engines expect the subpages to be included, we've made the addition of the star the default behavior. This is what we mean in the Sites tab of the control panel when we say 'Include all pages whose address contains this URL.' If you leave that option selected, we will add a star to the end of whatever URL you provide. Additionally, if your URL is just a domain (like site.com/), not including a sub-domain (like www.site.com/ or server.site.com/), we will add a star at the beginning. This means:

  • site.com/ becomes *.site.com/*
  • server.foo.com/ becomes server.foo.com/*
  • othersite.co.uk/ becomes *.othersite.co.uk/* (yep, we handle two level top-level domains correctly)

If you'd like to control exactly where stars get added, you can select 'Include just the specific page or URL pattern I have entered.'

Another way to use patterns is to identify and distill common characters among a set of pages you'd like to include in your index. For example, if I know that all car review pages on my favorite consumer reviews site contain the words 'car' and 'reviews' in the URL, I can create the pattern www.reviewsite.com/*reviews*cars and include these pages. (I just need to be careful that only the pages I want contain these terms, or I may include more than I bargained for.) These types of patterns are especially useful when creating search refinements.


There is also one more application of the star, which is before a top-level domain like .edu or .ca. One use of this pattern is for when you'd like to refine a search by country: for example, you can create a pattern like *.ca and refine your search to Canadian web sites only. That said, you cannot otherwise insert a star into the second-level domain, such as www.*.com or www.dogs*.com. For a few more concrete examples of URL patterns check out our documentation.

The careful creation of URL patterns allows you greater control over the content of your Custom Search Engines, and can be particularly helpful when breaking up a site's content for refinements. Patterns may also help reduce the overall number of sites in your Custom Search Engine account, so look for redundant URLs that can be included more economically by the use of, shall we say, a little star power.

Tuesday, May 15, 2007

Blog Widgets, Gadgets and Add-ons (I)

In this series, we shall list the free, popular, and interesting web widgets and gadgets that you can consider adding to your Blog. Widgets are elements that extract the services or content from other sites. Some of these widgets are useful, providing your readers with news, information, and reference tips. Others may be just fun and games which make your Blog a little more interesting and

Blog Widgets, Gadgets and Add-ons (II)

This is a continued list of Blog Widgets, Gadgets and Add-ons which you can include into your Blog. If you have not read the first part, please check out Blog Widgets, Gadgets and Add-ons (I). You may also consider having a chatbox, shoutbox or message board on your Blog. We ended with AuctionAds which can earn you some extra revenue. We begin this second part with a fun widget that you can

Thursday, May 10, 2007

Background Image for Blogger Header (New)

We had recently noticed several changes and additional features to the Blogger layout. One of the notable and much welcomed change is the ease of adding a picture banner or image to the Blogger Header, as highlighted by our reader, dumper. The new steps covered in this article will supercede the previous articles titled “Background image for Blogger Header” and “Add Picture Banner Link to

Sunday, May 6, 2007

Random Header and Background Images

A reader CeElle asked how the Header banner and Blogger background picture can be rotated so that they show a different image every time the page is refreshed or reloaded. While we could use the format of a slide show, the timing of rotation would be fixed. We think we have a simple enough JavaScript that randomly calls for a new Header banner or Blog background image whenever the Blog is

Friday, May 4, 2007

Remove Older Post and Posts (Atom) Links

In the new default Blogger templates, you will see at the bottom of the page the words “Subscribe to: Posts (Atom)”. On every other page, you there are the words “Newer Post”, “Home” and “Older Posts”. These serve a good purpose. Nevertheless, some people may like a neater layout by removing these links and this guide will discuss the simplest method that involves minimal change to the

Thursday, May 3, 2007

AdSense Code in Blogger Post Body

One of the known tips for improving the performance of your Google AdSense ads is knowing where to place the ads. In this guide, we shall discuss the modification you can make to your Blog template to have your Google AdSense ads appear between your post title and post body, or between your post body and post footer. Also, we shall have the AdSense ads appear on every individual post.Choosing a

Sunday, April 29, 2007

Animated Banner with Rotating Headlines

This article is about creating a nice looking banner that incorporates rotating headlines of your 5 recent Blog articles. If you have submitted your Blog to different Blog Directories, you would come across some which ask for your banner. It is nothing more than a picture to represent your Blog.Nonetheless, a nicely designed banner can attract more visitors and add a touch of professionalism to

Wednesday, April 25, 2007

Hyperlinks and Image Links (II)

We continue from where we left off in Hyperlinks and Image Links (I). We have looked at how we can create text links and discussed the HTML code and common attributes. In this part of the article, we shall focus on adding Images and Image Links into your Blog. We will talk about the “title” and “alt” tags in image links which supposedly help in search engine optimization (SEO). We shall end

Hyperlinks and Image Links (I)

In this article, we shall address the common queries on how to configure links such that they open in a new window when clicked, the HTML code for visitors to link to your blog, the various hyperlink HTML tags and attributes, etc.A hypertext link or text link is a piece of text which when clicked will bring you to a section of a webpage, another webpage or an electronic document. If it is an

Thursday, April 19, 2007

Chat Box, Shout Box and Google Talk

The chat box you see on the left sidebar is one of the many FREE interactive tools you can get for your blogs. Call them what you like – tagboard, message board, chat box, chatter box, message box, shout box – they have one thing in common i.e., promoting interaction by allowing your visitors to leave messages or chat with one another. While it is true that your visitors can leave comments on

Tuesday, April 10, 2007

Bigger and Better Group



Good news, Custom Search Engine fans! We've redesigned the discussion group just for you; in particular, we've added categories to make information easier to find, including several sections dedicated to CSE features and options.

We invite you to join the Google Custom Search Help Group at http://groups.google.com/group/google-custom-search to ask questions, find answers, and lend your expertise to other Google Custom Search Engine users. Our own Custom Search Guides will also be posting to this group from time to time to help facilitate the discussion with tips and clarifications.

As for the original Co-op group, we've moved it into a subcategory of the new Custom Search group and archived the posts. You can still search for topics and read posts, but you won't be able to post new messages to the group. We hope you'll find the right category for your questions in the new Custom Search group.

Before posting to the group, try searching for the answer to your question in the FAQ or in the group archives. Also, please review the Custom Search Help Charter for more details about the group, including posting tips and etiquette. We hope to have you as an active group member soon!

Thursday, April 5, 2007

Submit Blog to Blog Directories (I)

How do you attract more readers and visitors to your Blog? To make your Blog more visible, the solution lies in submitting your Blog URL or RSS Feed to as many good Blog directories as possible. There are hundreds of websites touting themselves as blog search engines, blog directory hosts, feed aggregators, and traffic exchanges. A couple of the website creators are out to make a quick buck,

Submit Blog to Blog Directories (II)

This is a continued list of Blog directories to which you can submit your blog for free. If you have not read the first part, please check out Submit Blog to Blog Directories (I).Again, I seek your understanding that while comments on your experiences with these sites are welcomed, kindly refrain from posting suggestions of new blog directory sites. As you will see, where there are voting

Submit Blog to Blog Directories (III)

This is a continuation from the earlier list of Blog directories to which you can submit your blog for free. For completeness, it is advisable to read the earlier installments Part I and Part II before you read this.Feel free to share comments on your experiences with these sites but refrain from posting suggestions of new blog directory sites.Blogflux Other than a blog directory, the site also

Sunday, April 1, 2007

Blog Traffic Exchange and AdSense

After doing up nice websites with interesting contents, the webmasters' dilemma is usually one of attracting visitors to their sites. Having more visitors is gratifying; it is a reward that website owners deserve for putting time and effort into their sites.Traffic exchange networks were designed to promote visitor traffic to websites or blogs. The idea is simple – members of the network surf

Saturday, March 24, 2007

Background Image for Blogger Template

With this guide, you would be able to add a background image or picture to your Blog, customize the position of your image, and have a static background image that stays in place when you scroll through the contents of your blog.You will need to create an image. Find a picture you like. If you need a free photo editing tool, you can either search the net for one or use Google's Photo Editing

Wednesday, March 21, 2007

Show popular queries on your site



We've just added the ability to show popular queries for your Custom Search Engine, so that your users can see what others have been searching for on your site. Popular queries are updated daily, and the code snippet dynamically shows the most recent data.

To show your CSE's popular queries, go to the "My search engines" page (after you've signed in) and click on the "statistics" link. Cut and paste the popular queries code where you would like them to appear on your website. You can also subscribe to the feed for your CSE popular queries using your favorite feed reader -- the link to the feed is also available on the statistics page.

Tuesday, March 20, 2007

Add Picture Banner Link to Blogger Header

Update:With the latest Blogger feature, there is an easier way to insert a background image to replace your Blogger Header. The image is also clickable and links to your Blog's main index page. The steps are discussed in the article Background Image for Blogger Header (New).However, by using the new feature, the image appears in the center, as a background to the title. For those who want

Sunday, March 18, 2007

Add Digg button to Blogger or Blogspot

This is a step-by-step guide to automatically place a real-time Digg count and vote button to every single blog post. Digg is a social content website where your readers or you can submit content to. If you have a good story, members will 'digg' the post and write comments. As a blog owner, you may want to make it easy for and encourage your readers to submit and digg your articles.Automatic

Hide or Remove Navbar in Blogger

The Blogger or Blogspot Navbar is a default feature that appears at the top of every Blogger powered blog. It is a useful navigation tool which allows readers to search the blog for targeted content, mark the blog as objectionable, and randomly view other member blogs.The Navbar can be disabled for users who publish contents via FTP, but it will appear on all freely hosted BlogSpot blogs. While

Saturday, March 17, 2007

Add Video Clip to Blog

Update: Blogger released a new Add Video feature which allows you to upload videos into your Blog posts. Should you want to know more about it, or resize or align the video, or put it into the sidebar, you may follow our guide in Customize Video Upload in Blogger.This is a step-by-step guide on how to add a video or movie clip to your Blog or webpage. There are many sites that offer free video

Friday, March 16, 2007

Language Translation Flags and Script

This tutorial explains how you can add a script to allow readers to view your English site in other foreign languages. As you can see on the right of this page, a reader needs only to click the relevant country flag to read this site contents in his preferred language.English is not the most popular language in the world. In fact, according to many reports, the Chinese language (Mandarin) is

Tuesday, March 6, 2007

Better branding part II



In tandem with the search results branding changes, we've just updated and implemented new search box branding for CSEs as well. You can now select from 7 different search box branding options to fit the look and feel of your site. You'll find these different branding options on the Code page in your Custom Search Engine Control Panel. If you were previously using the watermark branding option that sits within the search box, we have automatically updated this logo to match the new updated branding.

We're always working to improve and enhance CSEs look, feel and functionality, and hope you agree that this new branding is a step in the right direction. To learn more about CSE branding, visit our branding guidelines. And as always, please keep the feedback coming.

Monday, February 26, 2007

Better branding part I

Jennifer Hyman, Product Marketing Manager

In our constant quest to simplify things, we've made a small, but important change to the language you see from Google on Custom Search Engine search results pages. Now, instead of the long string of text that previously said "Google search results customized by [XYZ site] using Google Co-op," you'll see a small Google logo with the words Custom Search. We think this new branding is an improvement both in design and clarity -- not only do the search results look better, but it should be clearer to your users that they're benefiting from Google CSE.

Later this week, we plan to roll out some additional branding options for your search boxes, and hope you like our first attempt to improve the look and feel and of your CSE.

Sunday, February 25, 2007

Add Music to Blogspot blog

This article is updated to address the difference in the way the code is interpreted by the different browsers, namely Internet Explorer and Mozilla Firefox. We have also included a sample music file which you can use to test the effects of adding the sound file to your Blog. As well, read our article on Flash Music Player and Music Playlists to add a playlist of several musical pieces or songs.

Saturday, February 24, 2007

Using Google Page Creator and Google Groups

If you are looking to have a Favicon (icon next to your URL) or music on your blog, you will need to upload the files onto a web host. Most bloggers do not register and pay for a .com site. Fortunately for us, there are many sites offering free hosting of your files, documents, photos, and so on. I shall cover 2 very useful free web hosts which you can consider using – Google Page Creator and

Wednesday, February 21, 2007

Site search gets supplemental



One of the common uses of Custom Search Engines is to provide site search. A number of users have suggested that we can improve Custom Search for this application by also including supplemental results in Custom Search Engine's results. We put fewer constraints on what pages go into our supplemental index and therefore there are many pages which are available only there. This is our first step to give you more results. If your search engine operates as a filter and has three sites or less or your search engine includes the whole web, you'll get supplemental results as well. For example, take a look at the Hanayama Puzzle Store search engine I've created. Hanayama makes some great puzzles, but they aren't always so easy to find. The queries "hanayama baroq" (possibly my favorite puzzle of all time) and "hanayama laby" only return supplemental results in this search engine. Check out the FAQ entry about supplemental results for more information.

Sunday, February 11, 2007

Submit Blogger Sitemap to Yahoo!

Publicize your site by having your Blogger.com or Blogspot.com blog site included in Yahoo! Directory and Yahoo! Search. I went to the official Yahoo! submission of URL page and clicked the link “Submit Your Site for Free”. You will be prompted to log in using your Yahoo! account. For those of you who do not have a Yahoo! account, simply sign up for one. It is Free.After you have your Yahoo!

Submit Blogger Sitemap to Google Webmaster

Submitting your Blogger.com or Blogspot.com blog site to Google Webmaster will enable Google to find, index, and rank your site. For those who are new to this, you may go to the official Google Webmaster Tools site to create a new Webmaster profile.Upon logging in using your Gmail account, key in your blog site URL, and click OK. You will then be asked to verify your site. This is to ascertain

Saturday, February 10, 2007

JavaScript for Quote of the Day

If you are wondering whether I manually add a Quote of the Day, the answer is no. I have used a simple JavaScript to display a new Quote everyday. There are a few JavaScript codes written by several people - some make you pay to buy their program, while others allow you to tap on to their Quotes database. I was looking for something simple, and unfortunately a number of those I found online do

Add Images or Icons to Sidebar links

Sidebars are sometimes crowded with lots of text. There are many ways to make some of the items stand out. In my case, I decided that I will add icons next to the links, to differentiate links from normal text. I will also draw a thin line after each link. To be consistent, the color of these lines shall be the border color.Note: This is the style we used for our Minima template. Since each

Friday, February 9, 2007

Add Blogger search box

The Google Navigation bar at the top of your Blogger blogs has an embedded search box. However, you may want to include a similar box in the main body of your blog (like what I have done), or the sidebar. Other than the convenience for users, the added advantage is that unlike Google search box, the search results of this Blogger.com search box appear in the main body of your Blog.Under

Three Columns Minima Template

The typical new Blogger Minima Template has only one sidebar. We can add a third column to the left, to have two sidebars. This maximizes the space, and allows greater flexibility in adding page elements to the sidebar.Note that this guide is for those who want to convert their Minima template into a three column template by adding another sidebar. In our Rounders Template article, we have

Background Image for Blogger Header

Update:With the latest Blogger feature, there is an easier way to insert a background image into your Blogger Header. The steps are discussed in the article “Background Image for Blogger Header (New)”.However, by using the new feature, the image appears in the center, as a background to the title. For those who want more control over the position of the picture, like having the picture appear

Change Blogger Header background color

To change the background color of the Header, first determine what color you would like to have. You may look at the HTML Color Chart for the colors you can experiment with. For example, if you have decided on a color code #B38481, go to Template and click “Edit HTML”. Scroll to the part where you see this:-#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $

Hexadecimal HTML Color Codes and Names

Changing background and border colors will add a special identity to your site.Under the Template tab, you see “Fonts and Colors”. Clicking that, you will be able to change the colors, font types, and font size. However the available colors on the screen are limited. If you cannot find the color you want, you may want to copy the appropriate hex codes of the colors below, and paste them into

Add Favicon icon to Blogger URL

Have you wondered how these little icons appear next to the web addresses, like the one you see above? When you visit the sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which

Add Page Element to Blogger Header and Blog Posts

You would notice under Template -> Page Elements that there are options to add a Page Element to the sidebar and the footer. However, there is none for the Header and Blog Posts. Having a Page Element option to these latter two is useful. You may want to add a picture at the top, or a Google Adsense ad at the top or bottom of your blog posts.To have an “Add a Page Element” option, under “

Monday, January 22, 2007

New statistics page



We've added a new statistics page so you can see what people are searching for on your Custom Search Engine -- information such as overall traffic to your search engine and popular queries is now available. And you can view this info by day, week, month -- or even the entire lifetime of your search engine.

So check it out by going to the My search engines page and follow the "statistics" link next to the name of your search engine.

Wednesday, January 10, 2007

The top CSEs


You may have been wondering how your CSE is performing and how it compares to those other people are creating. The first step in sharing Custom Search metrics with you is the Most Popular list of Custom Search Engines, as defined by volume of queries. This list spans a variety of sites: large, small and across industries and topics. You'll see search engines built for techies, music lovers, sports fans, climate scientists, universities and more. Individual site owners and large organizations are seeing success with their CSEs.

We plan to update this list every couple of weeks so you can gauge the activity of the Custom Search community as well as how your CSE is performing. Stay tuned for more such metrics updates, too.