<?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>Studio 678 &#187; Wordpress</title>
	<atom:link href="http://studio678.com/blog/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://studio678.com/blog</link>
	<description></description>
	<lastBuildDate>Sun, 13 Dec 2009 20:11:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Import a Reverbnation RSS Feed Into Your Wordpress Blog</title>
		<link>http://studio678.com/blog/import-a-reverbnation-rss-feed-into-your-wordpress-blog/</link>
		<comments>http://studio678.com/blog/import-a-reverbnation-rss-feed-into-your-wordpress-blog/#comments</comments>
		<pubDate>Sat, 01 Aug 2009 05:51:31 +0000</pubDate>
		<dc:creator>Studio 678</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://studio678.com/blog/?p=57</guid>
		<description><![CDATA[I wanted to create an easy system for a client, who is a musician, to enter his show dates using his Reverbnation account and have the rss feed for those dates display on his calendar page on his website.
After much searching for a solution on how to import an RSS feed into a Wordpress blog, [...]]]></description>
			<content:encoded><![CDATA[<p>I wanted to create an easy system for a client, who is a musician, to enter his show dates using his <a href="http://www.reverbnation.com/">Reverbnation</a> account and have the rss feed for those dates display on his calendar page on his website.</p>
<p>After much searching for a solution on <strong>how to import an RSS feed into a Wordpress blog</strong>, I decided to use a feature from <a href="http://www.google.com/support/feedburner/bin/answer.py?answer=79408">Feedburner</a> called BuzzBoost which converts an rss feed into html.</p>
<p>So&#8230; my overall approach was as follows:</p>
<p>1) Create show dates (gig listings) on reverbnation.com, a site dedicated to helping musicians promote themselves.<br />
2) Enter the RSS feed url from the Reverbnation gig calendar into Feedburner<br />
3) Utilize the <strong>Feedburner BuzzBoost</strong> feature to then import the RSS feed into the Calendar page on his Wordpress website.</p>
<p>Clear as mud? All my client needs to do is update his gig calendar on Reverbnation and it will be automatically reflected on his Wordpress calendar page.</p>
<p>Here is a step by step tutorial on how to accomplish this:</p>
<p>1) Assuming you have a Reverbnation account, enter upcoming show dates.<br />
2) From within the Reverbnation, copy the RSS url.</p>
<div id="attachment_65" class="wp-caption alignnone" style="width: 310px"><a href="http://studio678.com/blog/wp-content/uploads/2009/08/01-reverbnation.gif"><img class="size-medium wp-image-65" title="01-reverbnation" src="http://studio678.com/blog/wp-content/uploads/2009/08/01-reverbnation-300x123.gif" alt="Reverbnation show dates screenshot " width="300" height="123" /></a><p class="wp-caption-text">Reverbnation show dates screenshot - click to enlarge</p></div>
<p>3) Then enter this RSS feed url into your Feedburner account. <a href="http://www.consumingexperience.com/2008/06/feeds-basics-101-using-feedburner-why.html" target="_blank">See this blog entry</a> on how and why to use feedburner to pomote your rss feed.<br />
<img class="size-full wp-image-70" title="02-bloglines-rss" src="http://studio678.com/blog/wp-content/uploads/2009/08/02-bloglines-rss.gif" alt="Reverbnation RSS url" width="500" height="139" /><br />Above &#8211; Reverbnation RSS feed URL as viewed in RSS reader</p>
<p>4) After entering the rss feed into your Feedburner account, click on the &#8220;Publicize&#8221; tab and then the &#8220;BuzzBoost&#8221; link under the left hand services listing.</p>
<div id="attachment_68" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-68" title="03-feedburner-publicize" src="http://studio678.com/blog/wp-content/uploads/2009/08/03-feedburner-publicize.gif" alt="Fedburner screenshot, showing BuzzBoost link" width="500" height="314" /><p class="wp-caption-text">Fedburner screenshot, showing BuzzBoost link</p></div>
<p>5) There is a wizard to help you configure what you want the resulting html listing to look like. Editing these options will affect how your rss will be viewed when converted to html.<br />
<img class="alignnone size-full wp-image-72" title="04-feed-settings" src="http://studio678.com/blog/wp-content/uploads/2009/08/04-feed-settings.gif" alt="" width="500" height="443" /></p>
<p>6) Once you are happy with the elements of the listing (they provide a preview), you can then copy the code FeedBurner generates</p>
<p><img class="size-full wp-image-74" title="05-buzz-boost-preview" src="http://studio678.com/blog/wp-content/uploads/2009/08/05-buzz-boost-preview.gif" alt="Buzz Boost Preview" width="500" height="202" /></p>
<div id="attachment_76" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-76" title="06-code" src="http://studio678.com/blog/wp-content/uploads/2009/08/06-code.gif" alt="Import an RSS feed into Wordpress" width="500" height="217" /><p class="wp-caption-text">Feedburner BuzzBoost Code</p></div>
<p>7) Enter the code from step #6 into the Calendar page, entering them between the [code][/code] tags within the Wordpress page content area</p>
<div id="attachment_89" class="wp-caption alignnone" style="width: 430px"><a href="http://studio678.com/blog/wp-content/uploads/2009/08/06b-wpcontent.gif"><img class="size-medium wp-image-89" title="06b-wpcontent" src="http://studio678.com/blog/wp-content/uploads/2009/08/06b-wpcontent-300x142.gif" alt="Feedburner code entered into Wordpress - Click to enlarge" width="300" height="142" /></a><p class="wp-caption-text">Feedburner code entered into Wordpress - Click to enlarge</p></div>
<p>8 ) Style the Calendar listing using css</p>
<div id="attachment_78" class="wp-caption alignnone" style="width: 439px"><img class="size-full wp-image-78" title="07-calendar" src="http://studio678.com/blog/wp-content/uploads/2009/08/07-calendar.gif" alt="Converted RSS feed displayed as HTML/CSS" width="429" height="193" /><p class="wp-caption-text">Converted RSS feed displayed as HTML/CSS</p></div>
<p style="font-size:10px;">div.feedburnerFeedBlock ul {<br />
margin-bottom:15px;<br />
margin-left:0;<br />
padding-left:0;<br />
list-style-type: none<br />
}</p>
<p style="font-size:10px;">div.feedburnerFeedBlock li {<br />
margin-bottom:15px;<br />
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />
}</p>
<p style="font-size:10px;">div.feedburnerFeedBlock .headline a {<br />
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />
font-size: 11px;<br />
font-weight: bold;<br />
color:#0B5249;<br />
}</p>
<p style="font-size:10px;">div.feedburnerFeedBlock .headline a:hover {<br />
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />
color:#006699;<br />
}</p>
<p style="font-size:10px;">div.feedburnerFeedBlock p.date {<br />
margin:0 0 0 0;<br />
padding:0 0 0 0;<br />
color:#666666;<br />
}</p>
<p>The above example uses a Reverbnation RSS feed, but really you could import any RSS feed using the same approach. While it <em>is</em> possible to embed a Reverbnation Widget which displays the gig listings, I feel this approach is a little cleaner and more professional looking. Obviously this approach would also work with any blogging system (blogger, etc) other CMS systems (Drupal, Joomla) as well as a file based (html) website.</p>
<p>To see this in action, please visit:<br />
<a href="http://bay-area-drummer.chrisgamper.com/calendar/">http://www.chrisgamper.com</a></p>
<p>Since it is also possible to use the Reverbnation <a href="http://apps.facebook.com/rn_my_band/home">&#8220;My Band&#8221; Facebook application</a> to pull show dates into a Facebook &#8220;Artist Page&#8221;, updating the show dates within the Reverbnation will also update the listing on Facebook AND the above mentioned website.</p>
<p>&#160;</p>
]]></content:encoded>
			<wfw:commentRss>http://studio678.com/blog/import-a-reverbnation-rss-feed-into-your-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
