<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>m2volt's blog &#187; html</title>
	<atom:link href="http://www.m2volt.com/blog/category/web-development/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.m2volt.com/blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 11 Feb 2010 21:37:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery feed reader – jgfeed</title>
		<link>http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/</link>
		<comments>http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 23:29:40 +0000</pubDate>
		<dc:creator>Mario</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.m2volt.com/blog/?p=116</guid>
		<description><![CDATA[I was trying to find a way to get the latest article posts dynamically on the homepage M2Volt.com. This needed to be client side since it is outside of the CMS we are using for our blog page. I stumbled upon a plugin on the jQuery site that blew my socks off it was so easy to use, I had to write this one up.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; margin-right: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.m2volt.com%2Fblog%2F2009%2F12%2Fjquery-feed-reader-%25e2%2580%2593-jgfeed%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.m2volt.com%2Fblog%2F2009%2F12%2Fjquery-feed-reader-%25e2%2580%2593-jgfeed%2F" height="61" width="51" /></a></div><p>
I was trying to find a way to get the latest article posts dynamically on the homepage M2Volt.com. This needed to be client side since it is outside of the CMS we are using for our blog page. I stumbled upon a plugin on the jQuery site, jgfeed, that blew my socks off it was so easy to use and I decided to write this one up.
</p>
<p><span id="more-116"></span></p>
<p>
Check out this jQuery plugin: <a href="http://plugins.jquery.com/project/jgfeed">http://plugins.jquery.com/project/jgfeed<br />
</a></p>
<p>
Here is how easy this plugin is to use:
</p>
<h2>
Step 1: Link to the JS<br />
</h2>
<pre class="brush: js;">
<script src="jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.jgfeed-min.js" type="text/javascript"></script>
</pre>
<h2>
Step 2: Configure a snippet of JS<br />
</h2>
<pre class="brush: js;">
jQuery.jGFeed('http://www.m2volt.com/blog/feed/',
function(feeds){
  // Check for errors
  if(!feeds){
    // there was an error
    return false;
  }
  // do whatever you want with feeds here
  for(var i=0; i<feeds.entries.length; i++){
    var entry = feeds.entries[i];
    // Entry title
    jQuery("#injectRssFeed").append("
<h2 class='rss_heading'><a href='" + entry.link+ " '>"
    + entry.title + "</a></h2>
<p class='rss_date'>" + entry.publishedDate + "
<p class='rss_description'>" + entry.contentSnippet + "

");
  }
}, 3);
</pre>
<p>
This will inject 3 entries to the div with id=&#8221;injectRssFeed&#8221;
</p>
<h2>
Step 3: Uhh, thats it.<br />
</h2>
<p>
Check out the Latest Blog Posts section: <a href="http://m2volt.com/">m2volt.com</a>
</p>
<p>
Mad props to the guys who developed this plugin.</p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=jQuery+feed+reader+%E2%80%93+jgfeed+-+http://b2l.me/brgq9+(via+@m2volt)" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/&amp;t=jQuery+feed+reader+%E2%80%93+jgfeed" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="sexy-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/&amp;title=jQuery+feed+reader+%E2%80%93+jgfeed&amp;summary=%0D%0AI%20was%20trying%20to%20find%20a%20way%20to%20get%20the%20latest%20article%20posts%20dynamically%20on%20the%20homepage%20M2Volt.com.%20This%20needed%20to%20be%20client%20side%20since%20it%20is%20outside%20of%20the%20CMS%20we%20are%20using%20for%20our%20blog%20page.%20I%20stumbled%20upon%20a%20plugin%20on%20the%20jQuery%20site%2C%20jgfeed%2C%20that%20blew%20my%20socks%20off%20it%20was%20so%20easy%20to%20use%20and%20I%20de&amp;source=m2volt's blog" rel="nofollow" class="external" title="Share this on Linkedin">Share this on Linkedin</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/&amp;title=jQuery+feed+reader+%E2%80%93+jgfeed" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="sexy-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/&amp;title=jQuery+feed+reader+%E2%80%93+jgfeed" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="sexy-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/&amp;title=jQuery+feed+reader+%E2%80%93+jgfeed" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

]]></content:encoded>
			<wfw:commentRss>http://www.m2volt.com/blog/2009/12/jquery-feed-reader-%e2%80%93-jgfeed/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

