Search This Blog

Add RSS Reader On Blog: When Blogger and Dojotoolkit Colide :)

My blog GaluhPakuanOrg contains short information on each post. And I want give my reader more informative stuff there. Then I add rss feed from some prominent local and international news online. Perhaps you want add it too to your blog, so here its stuff I add.
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

share and comment


Related Posts :