Prefer your news with pictures? Check out our new NewsShow - it's just as easy to set up as the News Bar, but provides additional features, such as including images and related article headlines. It also comes in standard IAB shapes and sizes, including 728x90:

Visit our NewsShow wizard to add one to your site today!


News Bar Wizard - Put Google News on Your Web Page

Embed a news bar on your web page and let your users see headlines and previews of Google News Search results that you've selected. Customize how the news bar should be displayed, and this wizard will write the code for you.

Customize it

Style:
News Strip (vertical orientation)
News Reel (horizontal orientation)
   
Search Expression:
Note: You can either specify a single expression or a comma separated list of expressions
Title:

Add code to your site

 
Copy and paste the following where you want your news bar to appear. Do not place it within the <head> ... </head> section of your page unless you plan on relocating the <div id="newsBar-bar"></div> elements out of this chunk of code.
<!-- ++Begin News Bar Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->

  <!--
  // The Following div element will end up holding the actual newsbar.
  // You can place this anywhere on your page.
  -->
  <div id="newsBar-bar">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>

  <!-- Ajax Search Api and Stylesheet
  // Note: If you are already using the AJAX Search API, then do not include it
  //       or its stylesheet again
  -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-nbw"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>

  <!-- News Bar Code and Stylesheet -->
  <script type="text/javascript">
    window._uds_nbw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/newsbar/gsnewsbar.css");
  </style>

  <script type="text/javascript">
    function LoadNewsBar() {
      var newsBar;
      var options = {
        largeResultSet : false,
        title : "",
        horizontal : ,
        autoExecuteList : {
          executeList : 
        }
      }

      newsBar = new GSnewsBar(document.getElementById("newsBar-bar"), options);
    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadNewsBar);
  </script>
<!-- ++End News Bar Wizard Generated Code++ -->
                

More about the News Bar

If you're curious about what else you can do with the News Bar, check out the GSnewsBar documentation. With a little more programming, you can change several options.

Getting Help

If you have questions or problems, please check out our AJAX Search API discussion group to see if anyone has had the same problem you're wrestling with. The Google AJAX Search API team also participates in the group and answers questions.