Working example on www.galuhpakuan.org |
-Go to Design, Edit HTML
-Back up your template first, by download full template!
-Add these lines of code just before </head>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dijit.dijit");
dojo.require("dojox.widget.Portlet");
dojo.require("dojox.widget.FeedPortlet");
</script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
/>
<style type="text/css">
@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/widget/Portlet/Portlet.css"
</style>
-Add new gadget chose HTML/JavaScript, copy this code:
<div class="claro">
<div dojotype="dojox.widget.ExpandableFeedPortlet" title="GaluhPakuan News" id="todaysNews"
maxresults="5">
<select dojotype="dojox.widget.PortletFeedSettings">
<option value="http://feeds.feedburner.com/galuhpakuan/jktI" />
GaluhPakuanCom
<option value="http://feeds.feedburner.com/GaluhPakuanOrg" />
GaluhPakuanOrg
<option value="http://rss.cnn.com/rss/edition.rss" />CNN
</select>
<div>
Click <b>(?)</b> icon to chose news resources!
</div>
</div>
</div>
RSS feed url is put in <option value="[url of rss]" /> [Url Name]
Thats it!
Working example: http://www.galuhpakuan.org/2011/05/optik-sumber.html, scroll down to see tab on that page.
Resource: http://dojotoolkit.org/reference-guide/dojox/widget/Portlet.html