Dynamic Feed Control Wizard untuk Google AJAX Feed API

June 15, 2008 by maseko

google-ajax-feed-api-example Dynamic Feed Control Wizard merupakan cara mudah yang memanfaatkan Google AJAX Feed API untuk menyisipkan cuplikan berita, entry blog, atau isi web lainnya yang tersedia RSS atau Atom feed-nya pada halaman blog atau website.

Kita dapat memilih style atau bentuk tampilan apakah Vertical, Vertical Stacked, atau Horizontal. Sayangnya wizard yang disediakan Google ini tidak memungkinkan memasukkan langsung feed URL-nya, tetapi dengan memasukkan feed expression, seperti kata kunci yang nantinya Google sendiri yang akan menghubungkannya dengan suatu alamat feed yang ditemukan.

google-ajax-feed-api

google-ajax-feed-api-code Jika dengan memasukkan Feeds Expression tidak menghasilkan Direct Feed URL yang diinginkan, mungkin dapat memasukkan sembarang ekspresi yang menghasilkan feed URL, kemudian klik Generate Code, dan pada kode yang dihasilkan coba ubah baris yang menyatakan title dan url seperti pada gambar di samping.

Dan apabila ingin menampilkan tulisan terakhir maseko’s weblog dalam halaman blog atau website Anda, maka Anda dapat copy-paste kode berikut dan tempatkan pada bagian dimana akan ditampilkan.

<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search and Feed Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->
 
  <!--
  // The Following div element will end up holding the actual feed control.
  // You can place this anywhere on your page.
  -->
  <div id="feed-control">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>
 
  <!-- Google Ajax Api
  -->
  <script src="http://www.google.com/jsapi?key=notsupplied-wizard"
    type="text/javascript"></script>
 
  <!-- Dynamic Feed Control and Stylesheet -->
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
  </style>
 
  <script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
    {title: 'maseko',
     url: 'http://maseko.com/feed/'
    }];
      var options = {
        stacked : false,
        horizontal : true,
        title : ""
      }
 
      new GFdynamicFeedControl(feeds, 'feed-control', options);
    }
    // Load the feeds API and set the onload callback.
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
  </script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->