<?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>Loko Web Design</title>
	<atom:link href="http://www.lokowebdesign.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.lokowebdesign.com</link>
	<description>High quality, low-cost web and graphic design by Lance Olenik.</description>
	<lastBuildDate>Fri, 10 Feb 2012 15:35:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Loko Graphics</title>
		<link>http://www.lokowebdesign.com/portfolio/loko-graphics</link>
		<comments>http://www.lokowebdesign.com/portfolio/loko-graphics#comments</comments>
		<pubDate>Fri, 10 Feb 2012 15:34:07 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=154</guid>
		<description><![CDATA[I was working through some fun Photoshop tutorials and came up with these little graphics and I thought I&#8217;d share them (click on them to enlarge): Any favorites?]]></description>
			<content:encoded><![CDATA[<p>I was working through some fun <a title="Smashing Magazine" href="http://www.smashingmagazine.com/2009/03/04/50-stunning-photoshop-text-effect-tutorials/" target="_blank">Photoshop tutorials</a> and came up with these little graphics and I thought I&#8217;d share them (click on them to enlarge):</p>
<p>
<a href='http://www.lokowebdesign.com/portfolio/loko-graphics/attachment/image4' title='Stitch'><img width="150" height="150" src="http://www.lokowebdesign.com/wp-content/uploads/2012/02/image4-150x150.jpg" class="attachment-thumbnail" alt="Stitch" title="Stitch" /></a>
<a href='http://www.lokowebdesign.com/portfolio/loko-graphics/attachment/image2' title='3D'><img width="150" height="150" src="http://www.lokowebdesign.com/wp-content/uploads/2012/02/image2-150x150.jpg" class="attachment-thumbnail" alt="3D" title="3D" /></a>
<a href='http://www.lokowebdesign.com/portfolio/loko-graphics/attachment/image5' title='3D H2O'><img width="150" height="150" src="http://www.lokowebdesign.com/wp-content/uploads/2012/02/image5-150x150.jpg" class="attachment-thumbnail" alt="3D H2O" title="3D H2O" /></a>
<a href='http://www.lokowebdesign.com/portfolio/loko-graphics/attachment/image3' title='Blowout'><img width="150" height="150" src="http://www.lokowebdesign.com/wp-content/uploads/2012/02/image3-150x150.jpg" class="attachment-thumbnail" alt="Blowout" title="Blowout" /></a>
<a href='http://www.lokowebdesign.com/portfolio/loko-graphics/attachment/image1' title='Glassy'><img width="150" height="150" src="http://www.lokowebdesign.com/wp-content/uploads/2012/02/image1-150x150.jpg" class="attachment-thumbnail" alt="Glassy" title="Glassy" /></a>
<a href='http://www.lokowebdesign.com/portfolio/loko-graphics/attachment/image0' title='Lasers'><img width="150" height="150" src="http://www.lokowebdesign.com/wp-content/uploads/2012/02/image0-150x150.jpg" class="attachment-thumbnail" alt="Lasers" title="Lasers" /></a>
<br />
<strong>Any favorites?</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/loko-graphics/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customizing Facebook Pages</title>
		<link>http://www.lokowebdesign.com/portfolio/customizing-facebook-pages</link>
		<comments>http://www.lokowebdesign.com/portfolio/customizing-facebook-pages#comments</comments>
		<pubDate>Fri, 12 Aug 2011 04:22:51 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[hyperarts]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[maf]]></category>
		<category><![CDATA[mission aviation fellowship]]></category>
		<category><![CDATA[north contact]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=132</guid>
		<description><![CDATA[Thanks to a couple tutorials on the HyperArts website, I was able to setup the Welcome tab (http://www.hyperarts.com/blog/customizing-facebook-iframe-application-signed_request_reveal_tab) and the e-newsletter sign up tab (http://www.hyperarts.com/blog/customizing-facebook-iframe-application-signed_request_reveal_tab) using iframes. ]]></description>
			<content:encoded><![CDATA[<p>Over the last few days, I discovered a couple tutorials on customizing Facebook pages. I am one of the administrators for the <a title="MAF on Facebook" href="http://www.facebook.com/maf.org" target="_blank">MAF (Mission Aviation Fellowship) Facebook page</a>. Prior to finding the following tutorials, we were using <a title="North Contact" href="http://www.northcontact.com/facebook-integration/" target="_blank">North Contact apps</a>, which are good, but cost $19 per month. We were using 3 of their apps; one for e-newsletter sign ups, one for the welcome tab, and one for a contest we were running.</p>
<p>Thanks to a couple tutorials on the HyperArts website, I was able to setup the Welcome tab (<a title="HyperArts Tutorial" href="http://www.hyperarts.com/blog/customizing-facebook-iframe-application-signed_request_reveal_tab" target="_blank">http://www.hyperarts.com/blog/customizing-facebook-iframe-application-signed_request_reveal_tab</a>) and the e-newsletter sign up tab (<a title="HyperArts Tutorial" href="http://www.hyperarts.com/blog/customizing-facebook-iframe-application-signed_request_reveal_tab/" target="_blank">http://www.hyperarts.com/blog/customizing-facebook-iframe-application-signed_request_reveal_tab</a>) using iframes.</p>
<p>In case you&#8217;re interested, here are links to the 2 customized tabs:</p>
<ul>
<li><a title="MAF Facebook Page (Welcome)" href="http://www.facebook.com/maf.org?sk=app_233812049993078" target="_blank">Welcome tab</a> (why not &#8216;like&#8217; MAF while you&#8217;re there?)</li>
<li><a title="MAF Facebook Page (E-News)" href="http://www.facebook.com/maf.org?sk=app_195266023864987" target="_blank">E-Newsletter Sign Up tab</a> (FYI, this features some great stories from MAF folks around the world)</li>
</ul>
<p>Have you used iframes on Facebook pages? I&#8217;d be curious to check them out. Leave a reply and let me know.</p>
<p><strong>UPDATE, August 11, 2011:</strong> Just today I added a <a title="Donate tab on MAF's Facebook page" href="http://www.facebook.com/maf.org?sk=app_168221383238891" target="_blank">Donate tab</a> to the MAF Facebook page. This allows people to donate to the ministry without leaving Facebook. Since it&#8217;s in an iframe, it uses the security certificate from <a title="MAF Website" href="http://www.maf.org" target="_blank">maf.org</a>. <img src='http://www.lokowebdesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/customizing-facebook-pages/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Loko Gets a Facelift</title>
		<link>http://www.lokowebdesign.com/portfolio/loko-gets-a-facelift</link>
		<comments>http://www.lokowebdesign.com/portfolio/loko-gets-a-facelift#comments</comments>
		<pubDate>Wed, 13 Jul 2011 01:39:29 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=124</guid>
		<description><![CDATA[I finally got some time to update my own site's design. Let me know what you think?]]></description>
			<content:encoded><![CDATA[<p>I finally got some time to update my own site&#8217;s design. Let me know what you think?</p>
<p>Here are a couple unique things about this design:</p>
<ul>
<li>Custom fonts using <a title="Google Web Fonts website" href="http://www.google.com/webfonts#ChoosePlace:select">Google&#8217;s Web Fonts</a>. I&#8217;m using Maven Pro and Shanti.</li>
<li>I started with an HTML5 template called H5 from <a title="DiW website" href="http://themeclubhouse.digwp.com/">DiW Theme Clubhouse</a></li>
</ul>
<p>This is a WordPress site, so if you use WordPress, I&#8217;d love to know what Widgets you would recommend. Let me know in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/loko-gets-a-facelift/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Another Home For Sale</title>
		<link>http://www.lokowebdesign.com/portfolio/another-home-for-sale</link>
		<comments>http://www.lokowebdesign.com/portfolio/another-home-for-sale#comments</comments>
		<pubDate>Thu, 07 Jul 2011 07:16:07 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[bloomington]]></category>
		<category><![CDATA[for sale]]></category>
		<category><![CDATA[home]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=93</guid>
		<description><![CDATA[Using my sister and bro-in-law's web site, I made another one for my bro-in-law's old boss because he is selling his house, too. ]]></description>
			<content:encoded><![CDATA[<p>Using my sister and bro-in-law&#8217;s web site, I made another one for my bro-in-law&#8217;s old boss because he is selling his house, too. Check it out at <a title="320 south madison, bloomington, IN" href="http://www.320southmadison.com">www.320southmadison.com</a></p>
<p>Also, here&#8217;s a screenshot:</p>
<div id="attachment_94" class="wp-caption aligncenter" style="width: 516px"><a href="http://www.lokowebdesign.com/wp-content/uploads/2011/07/320s-madison.jpg"><img class="size-full wp-image-94" title="320 South Madison, Bloomington, IN" src="http://www.lokowebdesign.com/wp-content/uploads/2011/07/320s-madison.jpg" alt="320 South Madison, Bloomington, IN" width="506" height="625" /></a><p class="wp-caption-text">320 South Madison, Bloomington, IN</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/another-home-for-sale/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Site Launched</title>
		<link>http://www.lokowebdesign.com/portfolio/new-site-launched</link>
		<comments>http://www.lokowebdesign.com/portfolio/new-site-launched#comments</comments>
		<pubDate>Thu, 21 Apr 2011 23:21:29 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=89</guid>
		<description><![CDATA[So, a few weeks ago, I mentioned a new site representing my sister and brother-in-law's home that is for sale. Well, after ]]></description>
			<content:encoded><![CDATA[<p>So, a <a title="View the 'Site Teaser' post" href="http://www.lokowebdesign.com/?p=74">few weeks ago</a>, I mentioned a new site representing my sister and brother-in-law&#8217;s home that is for sale. Well, after much debate, they set the price on their house and the site is now public. Check it out at <a title="southrogershouse.com" href="http://www.southrogershouse.com">southrogershouse.com</a>!</p>
<p><em>Let me know what you think!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/new-site-launched/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MAF Mobile &#8230; seen it yet?</title>
		<link>http://www.lokowebdesign.com/portfolio/maf-mobile-seen-it-yet</link>
		<comments>http://www.lokowebdesign.com/portfolio/maf-mobile-seen-it-yet#comments</comments>
		<pubDate>Tue, 12 Apr 2011 17:38:11 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=81</guid>
		<description><![CDATA[A few weeks ago we launched the mobile version of maf.org. If you're using your mobile device, you can view it by]]></description>
			<content:encoded><![CDATA[<p>A few weeks ago we launched the mobile version of maf.org. If you&#8217;re using your mobile device, you can view it by going to the <a href="http://www.maf.org">MAF homepage</a>. If you are on a computer and want to check it out, you can go to <a href="http://www.maf.org/m/home">www.maf.org/m/home</a>.</p>
<p>Here&#8217;s a screenshot too:<br />
<a href="http://www.lokowebdesign.com/wp-content/uploads/2011/04/maf-mobile-screenshot1.jpg"><img class="aligncenter size-full wp-image-86" title="MAF Mobile Homepage Screenshot" src="http://www.lokowebdesign.com/wp-content/uploads/2011/04/maf-mobile-screenshot1.jpg" alt="MAF Mobile Homepage Screenshot" width="421" height="663" /></a></p>
<p>Let me know what you think!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/maf-mobile-seen-it-yet/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>New site teaser &#8230;</title>
		<link>http://www.lokowebdesign.com/portfolio/new-site-teaser</link>
		<comments>http://www.lokowebdesign.com/portfolio/new-site-teaser#comments</comments>
		<pubDate>Tue, 05 Apr 2011 04:50:32 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=74</guid>
		<description><![CDATA[I'm having a lot of fun right now with a website showcasing my sister Sandy and her husband Luke's home. They are getting ready to sell]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m having a lot of fun right now with a website showcasing my sister Sandy and her husband Luke&#8217;s home. They are getting ready to sell it and move to Florida, so I&#8217;ve come up with a fun little site with pictures, home details, and contact information. They are not quite ready to open the floodgates yet, but here&#8217;s a fuzzy screenshot to pique your interest:<br />
<a href="http://www.lokowebdesign.com/wp-content/uploads/2011/04/southrogershouse.gif"><img class="alignnone size-full wp-image-75" title="For Sale" src="http://www.lokowebdesign.com/wp-content/uploads/2011/04/southrogershouse.gif" alt="For Sale" width="508" height="706" /></a><br />
Shhh! Don&#8217;t tell anyone. The site will go live a little later this month. Stay tuned!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/new-site-teaser/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Current Projects</title>
		<link>http://www.lokowebdesign.com/portfolio/current-projects</link>
		<comments>http://www.lokowebdesign.com/portfolio/current-projects#comments</comments>
		<pubDate>Fri, 18 Feb 2011 05:11:10 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=70</guid>
		<description><![CDATA[I'm working on a couple sites right now. One is for Simon Flory, a singer/songwriter.  The other is Second Street Antiques.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m working on a couple sites right now. One of them is <a href="http://www.simonflory.com">www.simonflory.com</a>. Simon is my brother-in-law&#8217;s brother and he is a singer/songwriter. This is a pretty standard <a href="http://www.wordpress.org">WordPress</a> blog right now, but I&#8217;m going to be doing a custom theme and some cool additions. Keep checking back to see the progress. Right now, here&#8217;s a screenshot of what it looks like:</p>
<div id="attachment_71" class="wp-caption alignnone" style="width: 540px"><a href="http://www.lokowebdesign.com/wp-content/uploads/2011/02/simonflory-021711.jpg"><img class="size-full wp-image-71" title="simonflory.com screenshot - 02/17/11" src="http://www.lokowebdesign.com/wp-content/uploads/2011/02/simonflory-021711.jpg" alt="simonflory.com screenshot - 02/17/11" width="530" height="408" /></a><p class="wp-caption-text">simonflory.com screenshot - 02/17/11</p></div>
<p>The other site that I&#8217;m working on is for Second Street Antiques in Bloomington, IN. This website will be used for the Second Street Antiques online showcase, but it will also be available for antiques dealers and individuals to showcase their items for a small fee. Again, I just set up the site and I&#8217;m using the Open Classifieds PHP classifieds system (<a href="http://www.open-classifieds.com">www.open-classifieds.com</a>). I really like it and, even though the site isn&#8217;t necessarily for posting classifieds, the system will work well for the owner&#8217;s purposes. I won&#8217;t post a screenshot yet, since I haven&#8217;t done anything to change the default theme.</p>
<p>Until next time, peace.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/current-projects/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>MAF Homepage</title>
		<link>http://www.lokowebdesign.com/portfolio/maf-homepage</link>
		<comments>http://www.lokowebdesign.com/portfolio/maf-homepage#comments</comments>
		<pubDate>Thu, 13 Jan 2011 05:36:42 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=45</guid>
		<description><![CDATA[On January 11th, after about 3 weeks of working on it and months of planning before that, we launched a new homepage for MAF.]]></description>
			<content:encoded><![CDATA[<p>On January 11th, after about 3 weeks of working on it and months of planning before that, we launched a new homepage for MAF (<a href="http://www.maf.org">www.maf.org</a>). <a href="http://www.dezboy.com/">Colby Dees</a> is MAF&#8217;s Art Director and he came up with the design. We use the WebGUI content management system (<a href="http://www.plainblack.com">www.plainblack.com</a>) and it took quite a bit of work to implement the design. Since there were quite a few style changes, I also had to go through the site and make sure I had consistent CSS. Including the missionary staff pages, MAF has over 250 pages and although I didn&#8217;t have to go through all of them, I did check to make sure the templates were consistent.</p>
<p>Along with the homepage, I restructured the navigation. This is a huge job on a site as big as MAF&#8217;s. I really like the way it&#8217;s setup now and I think the navigation is much more intuitive. I&#8217;d love to know what you think. Here&#8217;s a screenshot of the old and the new side-by-side:</p>
<div id="attachment_46" class="wp-caption alignleft" style="width: 260px"><a href="http://www.lokowebdesign.com/wp-content/uploads/2011/01/maf-old.jpg"><img class="size-medium wp-image-46" title="maf-old" src="http://www.lokowebdesign.com/wp-content/uploads/2011/01/maf-old-229x300.jpg" alt="Old MAF Homepage" width="250" height="328" /></a><p class="wp-caption-text">Old MAF Homepage</p></div>
<div id="attachment_47" class="wp-caption alignright" style="width: 260px"><a href="http://www.lokowebdesign.com/wp-content/uploads/2011/01/maf-new.jpg"><img class="size-medium wp-image-47" title="maf-new" src="http://www.lokowebdesign.com/wp-content/uploads/2011/01/maf-new-250x300.jpg" alt="New MAF Homepage" width="250" height="300" /></a><p class="wp-caption-text">New MAF Homepage</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/portfolio/maf-homepage/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Outlook 07/10 HTML Email Rending Problem</title>
		<link>http://www.lokowebdesign.com/tutorial/outlook-0710-html-email-rending-problem</link>
		<comments>http://www.lokowebdesign.com/tutorial/outlook-0710-html-email-rending-problem#comments</comments>
		<pubDate>Sun, 05 Dec 2010 04:47:17 +0000</pubDate>
		<dc:creator>Loko</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.lokowebdesign.com/?p=34</guid>
		<description><![CDATA[HTML emails in Outlook 07/10 don't render background images. Thanks for the fix, Brian Thies! http://www.campaignmonitor.com/forums/viewtopic.php?id=3862]]></description>
			<content:encoded><![CDATA[<p>So it&#8217;s getting around the Web quite a bit lately that Outlook 2007 and 2010 no longer render HTML emails properly. <a href="http://www.lokowebdesign.com/wp-content/uploads/2010/12/outlook_2007_logo.jpg"><img src="http://www.lokowebdesign.com/wp-content/uploads/2010/12/outlook_2007_logo.jpg" alt="Outlook 07 Logo" width="200" height="196" class="alignright wp-image-35" /></a>The biggest issue relates to background images. At MAF (<a href="http://www.maf.org">www.maf.org</a>) where I work, I create the marketing emails that go out. I only realized this issue about a month ago because I was using Microsoft Entourage 2004 (Outlook for Mac) and it works fine. I have since installed Outlook &#8217;07 for testing purposes and have had a major headache getting it to render the emails properly.</p>
<p>As I usually do, I asked Google to help me solve the problem and I eventually found this post by Brian Thies on the Campaign Monitor forum: <a href="http://www.campaignmonitor.com/forums/viewtopic.php?id=3862">http://www.campaignmonitor.com/forums/viewtopic.php?id=3862</a>. I tried his suggestion and it worked great! </p>
<p>Since I found something that might be useful for someone else, I wanted to post the link here, just in case it could help someone else.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokowebdesign.com/tutorial/outlook-0710-html-email-rending-problem/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

