В действии его можно увидеть вот здесь. Вот как заиметь свой собственный Blog Bar:

1. Отправляйтесь на http://code.google.com/apis/ajaxsearch/wizards.html и кликните на "Blog Bar Wizard".
2. Выберите нужный вам формат и тематику. Затем кликните на "Generate code". Вы получите кусок HTML-кода, который можно скопировать и вставить в код вашего сайта. Если вы храните ваш HTML чистым от таких вторжений, можете сохранить его как отдельный файл - вот так.
3. Если вы сохранили HTML в отдельном файле, отредактируйте шаблон вашего сайта и добавьте этот код там, где вы хотите видеть ваш Blog Bar:
<iframe style="border: 0px none ; width: 90%; height: 60px; margin-left: 1em; margin-top: 0,5em;" src="http://marketinglab.ru/files/google/blog-bar.html" title="Blog Bar" frameborder="0"></iframe>
(Конечно, путь к вашему конкретному файлу придётся изменить.)
Вот, собственно, и всё.

Если же Blog Bar не совсем подходит к внешнему виду и ощущениям от вашего сайта, никто не мешает отредактировать его CSS. Вот что советует Дуглас Карр (http://www.douglaskarr.com/):

"Внутри автоматически сгенерированного скрипта Google присутствует тэг ссылки на CSS-файл:
<style type="text/css">@import url("http://www.google.com/uds/solutions/blogbar/gsblogbar.css"); </style>
Если удалить эту ссылку, вы сможете контролировать внешний вид вашего Blog Bar. Например, спрятать компоненты, которые вы не хотите видеть:
.titleBox_gsblb {display:none}
.brandingBox_gsblb {display:none}
.statusBoxRoot_gsblb {display:none}
.blogBarInnerBox_gsblb {margin:10px; height:35px;}