<?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; web design</title>
	<atom:link href="http://studio678.com/blog/category/web-design/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>
		<item>
		<title>List Your Web Site in the Google Local Business Directory</title>
		<link>http://studio678.com/blog/list-your-web-site-in-the-google-local-business-directory/</link>
		<comments>http://studio678.com/blog/list-your-web-site-in-the-google-local-business-directory/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 18:59:59 +0000</pubDate>
		<dc:creator>Studio 678</dc:creator>
				<category><![CDATA[google]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[google local business]]></category>

		<guid isPermaLink="false">http://studio678.com/blog/?p=36</guid>
		<description><![CDATA[One of the most important things you can do as a small business owner is to get your business listed in Google. This is a great way for your business to appear in the section titled &#8220;Local business results for&#8230;&#8221;  This has a map with push pin icons representing the local businesses, which are then [...]]]></description>
			<content:encoded><![CDATA[<p>One of the most important things you can do as a small business owner is to get your business listed in Google. This is a great way for your business to appear in the section titled &#8220;Local business results for&#8230;&#8221;  This has a map with push pin icons representing the local businesses, which are then listed to the right of the map.</p>
<p><a href="http://studio678.com/blog/wp-content/uploads/2009/03/google-local-business-studio-678-2.gif"><img src="http://studio678.com/blog/wp-content/uploads/2009/03/google-local-business-studio-678-2-300x182.gif" style="margin: 0 10px 0 0" alt="google local business Studio 678" title="google-local-business-studio-678-2" width="300" height="182" class="alignleft size-medium wp-image-43" /></a></p>
<p>This listing appears before the other &#8220;organic&#8221; search results, including yelp and yellow pages and is therefore very helpful if you can get your business to appear there. Sometimes this is difficult in a competitive business area such as Real Estate Agent.</p>
<p>But it can be very powerful. I often get people who find me there when doing a search on &#8221; Web Design Oakland &#8221;</p>
<p>To get listed, gather information about your business in a document that you can cut and paste with your contact information, a short description about your business and perhaps a photo or two.</p>
<p>Then go to the following url:</p>
<p><a title="Get your business listed in Google Local Business Listings" href="http://www.google.com/local/add" target="_blank"><cite>http://www.<strong>google</strong>.com/<strong>local</strong>/add</cite></a></p>
<p>You will need a google account, so either sign in if you have one or register for one. Once that is done, then you may begin to &#8220;create a profile&#8221; within your Google account.</p>
<p>You can even include coupons for users who find you on the web, have clients write reviews, and include information about street parking and hours of business operations.</p>
<p>Once you get listed you should begin to see more traffic to your website and hopefully more phone calls as well!</p>
<p>We&#8217;re a featured <a href="http://webdesignfinders.net/california/oakland-web-designers.html">Oakland web design company</a> in <a href="http://webdesignfinders.net/california-web-designers.html">California web design company</a> directory at Finders &#8211; US <a href="http://webdesignfinders.net/">web designers </a><a href="http://webdesignfinders.net/directories.html">directory</a></p>
]]></content:encoded>
			<wfw:commentRss>http://studio678.com/blog/list-your-web-site-in-the-google-local-business-directory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Title Tag and SEO</title>
		<link>http://studio678.com/blog/the-title-tag-and-seo/</link>
		<comments>http://studio678.com/blog/the-title-tag-and-seo/#comments</comments>
		<pubDate>Sun, 11 Jan 2009 20:52:21 +0000</pubDate>
		<dc:creator>Studio 678</dc:creator>
				<category><![CDATA[seo]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://studio678.com/blog/?p=3</guid>
		<description><![CDATA[The number one weapon in your SEO (Search Engine Optimization) arsenal is the Title Tag. This is an html tag which resides in the &#8220;head&#8221; portion of your web page. You can see the title tag in action by looking at the very top of your web browser.
Here&#8217;s a visual example of the title tag [...]]]></description>
			<content:encoded><![CDATA[<p>The number one weapon in your SEO (Search Engine Optimization) arsenal is the Title Tag. This is an html tag which resides in the &#8220;head&#8221; portion of your web page. You can see the title tag in action by looking at the very top of your web browser.</p>
<p>Here&#8217;s a visual example of the title tag for <a href="deephealingacupuncture.com" target="_blank">Deep Healing Acupuncture</a>:<br />
title tag = Deep Healing Acupuncture, East Bay, Emeryville, Geraldine Shute, Pain Relief</p>
<div class="wp-caption alignnone" style="width: 410px"><a href="http://www.studio678.com/support/images/seo/deepHealingAcupuncture.jpg"><img title="Example of Title Tag" src="http://www.studio678.com/support/images/seo/deepHealingAcupuncture.jpg" border="0" alt="Example of Title Tag" width="400" /></a><p class="wp-caption-text">Example of Title Tag - click to enlarge</p></div>
<p>Another reason the title tag is important is that it also shows up in search engine search results pages as the title of the entry. Here&#8217;s an example of how that looks:</p>
<div class="wp-caption alignnone" style="width: 410px"><a href="http://www.studio678.com/support/images/seo/googleSearchResultAcupuncture.gif"><img title="Google search results" src="http://www.studio678.com/support/images/seo/googleSearchResultAcupuncture.gif" border="0" alt="Title tag in google search result" width="400" /></a><p class="wp-caption-text">Title tag in google search result - click to enlarge</p></div>
<p>Notice the title tag appears in blue as a link in the search result.</p>
<p>According to a April 2007 <a title="seomoz" href="http://www.seomoz.org/article/search-ranking-factors#f3" target="_blank">seomoz.com</a> survey, who know a thing or two about SEO, &#8220;placing the targeted search term or phrase in the title tag of the web page&#8217;s HTML header&#8221; was the most important search engine ranking factor.</p>
<p>Anyone know what the most common title tag is? If you guess &#8220;untitled&#8221; you are correct!</p>
]]></content:encoded>
			<wfw:commentRss>http://studio678.com/blog/the-title-tag-and-seo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
