Cara Membuat RSS Feed di Blog dengan Google Dynamic Feed Wizard

Cara Membuat RSS Feed di Blog dengan Google Dynamic Feed Wizard

Pada blog ini terdapat Feed dari DETIKPOS.net yang tampil dengan dynamic feed. Beberapa hari yang lalu, ada teman yang menanyakan cara membuat feed tersebut.

Memang, dengan dynamic feed, tampilan feed artikel dari suatu blog semakin menarik, juga lebih irit tempat, dan uniknya lagi, ukuran dari feed ini otomatis mengikuti lebar dari template blog.

Langkah-langkah membuat Dynamic Feed adalah sebagai berikut :

1. Pertama, buka http://www.google.com/uds/solutions/wizards/dynamicfeed.html
2. Ketikkan kata kunci pada menu Feeds Expression, contoh : detik pos, klik preview

3. Akan ditampilkan hasil Direct Feed URLs dari kata kunci detik pos: http://www.detikpos.net/feeds/posts/default
4. Jika sudah sesuai dengan yang anda inginkan, klik Generate code for your web page, untuk mendapatkan kode Javascript-nya, contoh seperti di bawah ini :

<!-- ++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="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: 'detik pos',
url: 'http://www.detikpos.net/feeds/posts/default'
}];
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++ -->


5. Copy dan paste kode tersebut ke bagian HTML/Javascript Blog Anda
6. Selesai.

Selamat mencoba dan semoga sukses!

Belajar Bisnis Online Internet, Gratis!