<?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>Gustavo Olmedo&#187; blogs</title>
	<atom:link href="http://gustavoolmedo.com/tag/blogs/feed/" rel="self" type="application/rss+xml" />
	<link>http://gustavoolmedo.com</link>
	<description>Personal Blog and Portfolio</description>
	<lastBuildDate>Thu, 29 Sep 2011 03:53:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>GustavoOlmedo.com Blog Design Version 2.0</title>
		<link>http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/</link>
		<comments>http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 20:56:31 +0000</pubDate>
		<dc:creator>Gustavo</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[Gustavo]]></category>
		<category><![CDATA[Olmedo]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[web designs]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://gustavoolmedo.com/?p=929</guid>
		<description><![CDATA[GustavoOlmedo.com Version 2.0 (July 2009) The new blog design is finally here, after weeks of work &#8211; so much measuring pixel by pixel. The design is made so that users with the current standard resolution can view the website properly &#8211; fitting all elements in  the screen (1024 X 768 pixels at the time of writing [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fgustavoolmedo-com%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fgustavoolmedo-com%2F" height="61" width="51" /></a></div><p>GustavoOlmedo.com Version 2.0 (July 2009)</p>
<p>The new blog design is finally here, after weeks of work &#8211; so much measuring pixel by pixel. The design is made so that users with the current standard resolution can view the website properly &#8211; fitting all elements in  the screen (1024 X 768 pixels at the time of writing this post / releasing this design). However, for those with a wider screen, such as 1280 pixels or wider, an &#8220;easter egg&#8221; has been left for you to enjoy:  a background that completes the artwork that is represented in the website&#8217;s theme &#8211; the design of the background continues another 119 pixels to each side/margin, completing the &#8220;picture&#8221; <img src='http://gustavoolmedo.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>The same goes for the background in the footer area, although the main part of the background can be seen already at 1024 pixels wide.</p>
<p>A new navigation was added at the top of every post, with neat mouseover graphic effects &#8211; now it&#8217;s easier to browse back and forth between posts <img src='http://gustavoolmedo.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>In addition to the drop-down menu that shows at the top left of every page, I also added a straight-forward visual menu in the homepage, with cool hover effects, that allow you to easily view all main categories under my Portfolio (my work) for easier browsing from the homepage. In order to accomplish this, advanced CSS was employed for absolute positioning of each image and their mouseover effect &#8211; all done in CSS+XHTML, no JavaScript involved.</p>
<p>Different backgrounds were also made for the homepage and inner pages. Also, the font size showing up as headings varies in size, depending on the pages and sections/categories you are browsing.</p>
<p><strong>WordPress lovers &amp; WP DIY&#8217;s</strong><strong>:</strong> the different styling taking place depending on the type of pages browsed, was accomplished with some simple use of the WordPress loop with commands like &#8220;if ( is_home() )&#8221;, &#8220;if ( !is_paged()&#8221;, &#8220;if ( is_single()&#8221;, etc. &#8211; to include in certain type pages, a CSS file reference to be inserted into the bottom of the head section, in order to override the other CSS files used as default.</p>
<p><img class="post-preview left" title="screenshot_gustavoolmedo_com_july_2009_header_post_page_full_width" src="http://gustavoolmedo.com/wp-content/themes/open-air-gustavo/thumb.php?src=/wp-content/uploads/screenshot_gustavoolmedo_com_july_2009_header_post_page_full_width.jpg&amp;h=300&amp;w=495&amp;zc=1&amp;q=90" alt="screenshot_gustavoolmedo_com_july_2009_header_post_page_full_width" /></p>
<p>Posts section</p>
<p>.</p>
<p><img class="post-preview left" title="screenshot_gustavoolmedo_com_july_2009_header_post_page_full_width" src="http://gustavoolmedo.com/wp-content/themes/open-air-gustavo/thumb.php?src=/wp-content/uploads/screenshot_gustavoolmedo_com_july_2009_footer_1024px_screen_width_version1.jpg&amp;h=300&amp;w=495&amp;zc=1&amp;q=90" alt="screenshot_gustavoolmedo_com_july_2009_header_post_page_full_width" /></p>
<p>Footer section</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/add-to-facebook-plugin/facebook_share_icon.gif" alt="Share on Facebook" title="Share on Facebook" /></a><a href="http://www.facebook.com/share.php?u=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/" target="_blank" title="Share on Facebook">Share on Facebook</a></p><div id="st0000000001" class="st-taf"><script src="http://taf.socialtwist.com:80/taf/js/shoppr.core.js?id=0000000001"></script><img style="border:0;margin:0;padding:0;" src="http://tellafriend.socialtwist.com:80/wizard/images/tafbutton_blue16.png" onmouseout="hideHoverMap(this)" onmouseover="showHoverMap(this, '0000000001', 'http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fgustavoolmedo-com%2F', 'GustavoOlmedo.com+Blog+Design+Version+2.0')" onclick="cw(this, {id:'0000000001',link: 'http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fgustavoolmedo-com%2F', title: '+GustavoOlmedo.com+Blog+Design+Version+2.0+' })"/></div><p><table cellspacing="0" cellpadding="0" border="0" style="width: 300px; height: 50px; text-align: left; margin: 0 auto; padding: 0 auto; background: transparent;"><tbody><tr style="margin: 0 auto; padding: 0 auto; background: transparent;"><td style="text-align: center; border: 0;"><a href="http://gustavoolmedo.com/feed/rss/" rel="nofollow"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/rss_sm.png" alt="RSS Feed" title="RSS Feed" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; border: 0;"><a href="http://technorati.com/faves?add=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/" rel="nofollow"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/technorati_sm.png" alt="Add to Technorati Favorites" title="Add to Technorati Favorites"style="border: 0px solid ; width: 48px; height: 48px;"/></a></td>                               <td style="text-align: center; border: 0;"><a href="http://del.icio.us/post?url=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/&title=GustavoOlmedo.com Blog Design Version 2.0" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/del.icio.us_sm.png" alt="Add to Del.icio.us" title="Add to Del.icio.us" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; border: 0;"><a href="http://www.stumbleupon.com/submit?url=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/&title=GustavoOlmedo.com Blog Design Version 2.0" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/stumble_sm.png" alt="Stumble It!" title="Submit to StumbleUpon" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; background: transparent; border: 0;"><a href="http://slashdot.org/submit.pl?url=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/slashdot_sm.png" alt="Submit to Slashdot" title="Submit to Slashdot" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; background: transparent; border: 0;"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/buzz_sm.png" alt="Submit to Buzz!" title="Submit to Buzz!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; border: 0;"><a href="http://digg.com/submit?phase=2&url=http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/digg_sm.png" alt="Digg It!" title="Digg This!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td></tr></tbody></table></p>]]></content:encoded>
			<wfw:commentRss>http://gustavoolmedo.com/portfolio/website-design-portfolio/gustavoolmedo-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog4you.org</title>
		<link>http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/</link>
		<comments>http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/#comments</comments>
		<pubDate>Sat, 23 May 2009 13:31:14 +0000</pubDate>
		<dc:creator>Gustavo</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[web designs]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://gustavoolmedo.com/?p=227</guid>
		<description><![CDATA[Blog4you.org [ http://www.Blog4you.org ] :: by Gustavo Olmedo Blogging is the #1 thing nowadays, and it&#8217;s growing at the fastest rate ever. Eventually, if you don&#8217;t have a website, or at least a blog somewhere, you will be looked bad, just like if nowadays you don&#8217;t have a cell phone. So here, will be offering [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fblog4you-org%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fblog4you-org%2F" height="61" width="51" /></a></div><p>Blog4you.org [ <a onmousedown="UntrustedLink.bootstrap($(this), &quot;3153be53219e031224e57a7827aefb41&quot;, event)" rel="nofollow" href="http://www.blog4you.org/" target="_blank">http://www.Blog4you.org</a> ] :: by Gustavo Olmedo</p>
<p>Blogging is the #1 thing nowadays, and it&#8217;s growing at the fastest rate ever. Eventually, if you don&#8217;t have a website, or at least a blog somewhere, you will be looked bad, just like if nowadays you don&#8217;t have a cell phone. So here, will be offering Totally Affordable Blogs from just $99 with complete install and setup &#8211; Now there is no excuse for anyone to not have their own blog and independent domain name of their choice &#8211; All blog packages will include installation of the #1 Blogging Platform in the Planet &#8211; the Wonderful WordPress! Want a blog? Let me know, that&#8217;s my thing.</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/add-to-facebook-plugin/facebook_share_icon.gif" alt="Share on Facebook" title="Share on Facebook" /></a><a href="http://www.facebook.com/share.php?u=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/" target="_blank" title="Share on Facebook">Share on Facebook</a></p><div id="st0000000001" class="st-taf"><script src="http://taf.socialtwist.com:80/taf/js/shoppr.core.js?id=0000000001"></script><img style="border:0;margin:0;padding:0;" src="http://tellafriend.socialtwist.com:80/wizard/images/tafbutton_blue16.png" onmouseout="hideHoverMap(this)" onmouseover="showHoverMap(this, '0000000001', 'http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fblog4you-org%2F', 'Blog4you.org')" onclick="cw(this, {id:'0000000001',link: 'http%3A%2F%2Fgustavoolmedo.com%2Fportfolio%2Fwebsite-design-portfolio%2Fblog4you-org%2F', title: '+Blog4you.org+' })"/></div><p><table cellspacing="0" cellpadding="0" border="0" style="width: 300px; height: 50px; text-align: left; margin: 0 auto; padding: 0 auto; background: transparent;"><tbody><tr style="margin: 0 auto; padding: 0 auto; background: transparent;"><td style="text-align: center; border: 0;"><a href="http://gustavoolmedo.com/feed/rss/" rel="nofollow"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/rss_sm.png" alt="RSS Feed" title="RSS Feed" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; border: 0;"><a href="http://technorati.com/faves?add=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/" rel="nofollow"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/technorati_sm.png" alt="Add to Technorati Favorites" title="Add to Technorati Favorites"style="border: 0px solid ; width: 48px; height: 48px;"/></a></td>                               <td style="text-align: center; border: 0;"><a href="http://del.icio.us/post?url=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/&title=Blog4you.org" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/del.icio.us_sm.png" alt="Add to Del.icio.us" title="Add to Del.icio.us" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; border: 0;"><a href="http://www.stumbleupon.com/submit?url=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/&title=Blog4you.org" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/stumble_sm.png" alt="Stumble It!" title="Submit to StumbleUpon" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; background: transparent; border: 0;"><a href="http://slashdot.org/submit.pl?url=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/slashdot_sm.png" alt="Submit to Slashdot" title="Submit to Slashdot" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; background: transparent; border: 0;"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/buzz_sm.png" alt="Submit to Buzz!" title="Submit to Buzz!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td><td style="text-align: center; border: 0;"><a href="http://digg.com/submit?phase=2&url=http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/" rel="nofollow" target="_blank"><img src="http://gustavoolmedo.com/wp-content/plugins/submit-to-any-for-wordpress/digg_sm.png" alt="Digg It!" title="Digg This!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td></tr></tbody></table></p>]]></content:encoded>
			<wfw:commentRss>http://gustavoolmedo.com/portfolio/website-design-portfolio/blog4you-org/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

