<?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"
	>

<channel>
	<title>Designs by Calvin Blog &#187; web design</title>
	<atom:link href="http://designsbycalvin.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://designsbycalvin.com/blog</link>
	<description>Maine based design blog and design info for non-profit organizations.</description>
	<pubDate>Mon, 21 Jul 2008 04:41:00 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Redirecting Pages using .htaccess</title>
		<link>http://designsbycalvin.com/blog/2008/06/redirecting-pages-using-htaccess/</link>
		<comments>http://designsbycalvin.com/blog/2008/06/redirecting-pages-using-htaccess/#comments</comments>
		<pubDate>Sun, 01 Jun 2008 05:58:38 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[.htaccess]]></category>

		<category><![CDATA[code snippets]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[Error 301]]></category>

		<category><![CDATA[Error 404 Page Not Found]]></category>

		<category><![CDATA[Permanently Moved]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/?p=26</guid>
		<description><![CDATA[This quick post explains how to redirect users to different pages on your website and in theory, not harm your Google Page Rank. Basically using the 301 error code tells a search engine or browser that the file was once there, and it has permanently moved.
Error 3o1: Permanently Moved should not be confused with the [...]]]></description>
			<content:encoded><![CDATA[<p>This quick post explains how to redirect users to different pages on your website and in theory, not harm your Google Page Rank. Basically using the 301 error code tells a search engine or browser that the file was once there, and it has permanently moved.</p>
<p>Error 3o1: Permanently Moved should not be confused with the more frequently seen Error 404: Page Not Found. This error code is generally used to indicate that content does not exist anymore. Error 404&#8217;s will eventually filter out of search engines over time.</p>
<p id="note"><strong>Note:</strong> It is assumed you have a general understanding of how to make/edit a .htaccess file.</p>
<p><strong>To relocate one page use this snippet:</strong></p>
<p id="code">Redirect 301 /oldpage.php http://www.yoursite.com/newpage.php</p>
<p>You can add as many of these lines to your .htaccess file as needed. However, if you would rather just move all 301 errors to your main page (or any page for that matter), <strong>use this snippet of code:</strong></p>
<p id="code">Redirect 301 / http://www.yoursite.com</p>
<p>There are many other ways to handle a redirect, but this way I find is the easiest and requires the least amount of coding.</p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2008/06/redirecting-pages-using-htaccess/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Restore Point Blues</title>
		<link>http://designsbycalvin.com/blog/2008/01/restore-point-blues/</link>
		<comments>http://designsbycalvin.com/blog/2008/01/restore-point-blues/#comments</comments>
		<pubDate>Wed, 30 Jan 2008 13:51:51 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[advice]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[backup]]></category>

		<category><![CDATA[restore point]]></category>

		<category><![CDATA[web host]]></category>

		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/2008/01/30/restore-point-blues/</guid>
		<description><![CDATA[I manually back up my data monthly, but recently my webhost lost all their servers. How does one recover from such a tragedy? Painstakingly slow, that&#8217;s how.  I have 4 of 5 sites back online, but was unable to recover the latest design of my portfolio site. Uploading backups take along time, and they may [...]]]></description>
			<content:encoded><![CDATA[<p>I manually back up my data monthly, but recently my webhost lost all their servers. How does one recover from such a tragedy? Painstakingly slow, that&#8217;s how.  I have 4 of 5 sites back online, but was unable to recover the latest design of my portfolio site. Uploading backups take along time, and they may not be the most current data.</p>
<p>I for one have learned a valuable lesson, and others should back up sites frequently (especially if you made them for someone else), and never rely on a webhost as a safety net.</p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2008/01/restore-point-blues/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Using BBClone with WordPress</title>
		<link>http://designsbycalvin.com/blog/2007/12/using-bbclone-with-wordpress/</link>
		<comments>http://designsbycalvin.com/blog/2007/12/using-bbclone-with-wordpress/#comments</comments>
		<pubDate>Fri, 28 Dec 2007 00:47:25 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[php]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[wordpress hacks]]></category>

		<category><![CDATA[bbclone]]></category>

		<category><![CDATA[counter]]></category>

		<category><![CDATA[hack]]></category>

		<category><![CDATA[text editor]]></category>

		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/2007/12/27/using-bbclone-with-wordpress/</guid>
		<description><![CDATA[I love using BBClone as a quick on the fly page counting system. BBClone is a website counter written in php and gives the user a quick summary of who is on their site and where that visitor came from.
Note:
This post will be very technical assuming the reader has a basic understanding of BBClone and [...]]]></description>
			<content:encoded><![CDATA[<p>I love using <a href="http://bbclone.de/" title="BBClone PHP Stats Program" target="_blank">BBClone</a> as a quick on the fly page counting system. BBClone is a website counter written in php and gives the user a quick summary of who is on their site and where that visitor came from.</p>
<p id="note"><strong>Note:</strong><br />
This post will be very technical assuming the reader has a basic understanding of BBClone and the ability to edit your blog&#8217;s source code with a text editor.</p>
<p>For starters this is the snippet of code you will need:</p>
<p id="code"> &lt;?php<br />
define(&#8217;_BBC_PAGE_NAME&#8217;, <font color="#993300"><strong>$_SERVER['REQUEST_URI']</strong></font>);<br />
define(&#8221;_BBCLONE_DIR&#8221;, &#8220;<strong><font color="#008000">../website/bbclone/</font></strong>&#8220;);<br />
define(&#8221;COUNTER&#8221;, _BBCLONE_DIR.&#8221;mark_page.php&#8221;);<br />
if (is_readable(COUNTER)) include_once(COUNTER);<br />
?&gt;</p>
<p>There are two parts to this code that make it work with WordPress. The first is on the first line and is dark red. <font color="#993300"><strong>$_SERVER['REQUEST_URI']</strong></font> will display this when a visitor hits a page:</p>
<p><img src="http://designsbycalvin.com/blog/wp-content/uploads/2007/12/bbclone_blog.jpg" alt="bbclone sample" /></p>
<p>This is the complete path to the page minus the root directory.</p>
<p id="note"><strong>Note:</strong><br />
If you are familiar with BBClone those stats will make sense. For readers not familiar with BBClone this tells me I had a hit to my Changing Measurements Shortcut in InDesign blog post with referer digg.com and with a search query of indesign.</p>
<p>The green text on line two:  <strong><font color="#008000">../website/bbclone/</font></strong>  is the path where bbclone will write to.  This will be different depending what directory contains the bbclone files.</p>
<p>I have not been able to get it to work except when adding the code manually to the source code of each page in my blog.</p>
<p>What I did was opened the following pages in a <a href="http://www.pspad.com/en/" title="php text editor" target="_blank">php text editor</a>: 404.php, archive.php, index.php, links.php, page.php, search.php, single.php and then looked for this code:</p>
<p id="code"> &lt;?php get_sidebar(); ?&gt;<br />
&lt;?php get_footer(); ?&gt;</p>
<p>I placed the snippet of code directly after the get_footer() function. When I tried to place the code in the actual footer.php file all I received was error messages, so this was the next best thing.</p>
<p>Good luck, leave a comment if you get stuck and I will try to help debug.</p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2007/12/using-bbclone-with-wordpress/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Adding a Favicon to your Website</title>
		<link>http://designsbycalvin.com/blog/2007/12/adding-a-favicon-to-your-website/</link>
		<comments>http://designsbycalvin.com/blog/2007/12/adding-a-favicon-to-your-website/#comments</comments>
		<pubDate>Thu, 20 Dec 2007 03:48:37 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[html]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[.ico]]></category>

		<category><![CDATA[favicon]]></category>

		<category><![CDATA[photoshop]]></category>

		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/2007/12/19/adding-a-favicon-to-your-website/</guid>
		<description><![CDATA[Adding a favicon to your website can be done with an online favicon generator and one line of html code.
First, check out this site to create your favicon out of a square image or if you prefer to create it in Adobe Photoshop you will need to download a plug in from telegraphics. Remember favicons [...]]]></description>
			<content:encoded><![CDATA[<p>Adding a favicon to your website can be done with an <a href="http://www.favicongenerator.com/" target="_blank">online favicon generator</a> and one line of html code.</p>
<p>First, <a href="http://www.favicongenerator.com/" target="_blank">check out this site</a> to create your favicon out of a square image or if you prefer to create it in Adobe Photoshop you will need to download a plug in from <a href="http://www.telegraphics.com.au/sw/#icoformat" target="_blank">telegraphics.</a> Remember favicons are 16&#215;16 square images so simple images are better.</p>
<p>Next, save this image to the root directory of your website.</p>
<p>Finally, add this snippet of code to the header section of each webpage:</p>
<p id="code">&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;favicon.ico&#8221; type=&#8221;image/ico&#8221; /&gt;</p>
<p>This method is pretty universal but should be checked in many popular browsers. It should also be noted that depending on some servers the favicon man not display immediately.</p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2007/12/adding-a-favicon-to-your-website/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Custom Facebook Applications</title>
		<link>http://designsbycalvin.com/blog/2007/12/custom-facebook-applications/</link>
		<comments>http://designsbycalvin.com/blog/2007/12/custom-facebook-applications/#comments</comments>
		<pubDate>Sun, 16 Dec 2007 18:48:02 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[links]]></category>

		<category><![CDATA[press release]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[applications]]></category>

		<category><![CDATA[custom]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[facebook]]></category>

		<category><![CDATA[lost on liftoff]]></category>

		<category><![CDATA[maine]]></category>

		<category><![CDATA[pemaquid communications]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/2007/12/16/custom-facebook-applications/</guid>
		<description><![CDATA[Pemaquid Communications, a Maine based design company posted a press release on Press Release Maine that they are creating custom Facebook Applications using facebook&#8217;s open architecture. According to Pemaquid Communication&#8217;s blog, they have already created a dynamic interface for local Maine band Lost on Liftoff.
Read the press release on prmaine.com: 
Pemaquid Communications releases Facebook apps

]]></description>
			<content:encoded><![CDATA[<p><a TARGET="_blank" HREF="http://www.pemaquid.com/">Pemaquid Communications</a>, a Maine based design company posted a press release on <a TARGET="_blank" TITLE="Press Release Maine" HREF="http://www.prmaine.com">Press Release Maine</a> that they are creating custom Facebook Applications using <a TARGET="_blank" HREF="http://www.facebook.com">facebook</a>&#8217;s open architecture. According to <a TARGET="_blank" HREF="http://www.pemaquid.com/blog/pemaquid-launches-facebook-app-for-lost-on-liftoff-fans/trackback/">Pemaquid Communication&#8217;s blog</a>, they have already created a dynamic interface for local Maine band <a TARGET="_blank" HREF="http://www.lostonliftoff.com">Lost on Liftoff</a>.</p>
<p><strong>Read the press release on prmaine.com: </strong><br />
<a HREF="http://www.prmaine.com/2007/12/16/pemaquid-communications-releases-facebook-apps/trackback/">Pemaquid Communications releases Facebook apps</a></p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2007/12/custom-facebook-applications/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Free Website Redesign for Qualified Non-Profit Company</title>
		<link>http://designsbycalvin.com/blog/2007/12/free-website-redesign-for-qualified-non-profit-company/</link>
		<comments>http://designsbycalvin.com/blog/2007/12/free-website-redesign-for-qualified-non-profit-company/#comments</comments>
		<pubDate>Sun, 16 Dec 2007 07:08:29 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[non-profit]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[charity]]></category>

		<category><![CDATA[free]]></category>

		<category><![CDATA[maine]]></category>

		<category><![CDATA[redesign]]></category>

		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/?p=7</guid>
		<description><![CDATA[Designs by Calvin announces a complimentary redesign for a nonprofit in need of website design services.
  Rules and Restrictions: 

Must be a 501(c)(3) Charity
Must be located in Maine
Cannot be affiliated with a national charity or brand
Total Annual Revenue must be less than One Million Dollars
Administrative costs must be less than 10% of total revenue

No [...]]]></description>
			<content:encoded><![CDATA[<p>Designs by Calvin announces a complimentary redesign for a nonprofit in need of website design services.</p>
<p><strong>  Rules and Restrictions: </strong></p>
<ul>
<li>Must be a 501(c)(3) Charity</li>
<li>Must be located in Maine</li>
<li>Cannot be affiliated with a national charity or brand</li>
<li>Total Annual Revenue must be less than One Million Dollars</li>
<li>Administrative costs must be less than 10% of total revenue</li>
</ul>
<p>No new content will be added to the site. Designs by Calvin will only redesign existing content.</p>
<p>This free service will be in exchange for the right to use created site as a portfolio piece.</p>
<p><a href="mailto:info@designsbycalvin.com?subject=nonprofit site">Email Calvin with any questions or leads.</a></p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2007/12/free-website-redesign-for-qualified-non-profit-company/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Replacing a Submit Button with an Image</title>
		<link>http://designsbycalvin.com/blog/2007/12/replacing-a-submit-button-with-an-image/</link>
		<comments>http://designsbycalvin.com/blog/2007/12/replacing-a-submit-button-with-an-image/#comments</comments>
		<pubDate>Sat, 15 Dec 2007 06:04:54 +0000</pubDate>
		<dc:creator>Calvin</dc:creator>
		
		<category><![CDATA[forms]]></category>

		<category><![CDATA[html]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[images]]></category>

		<category><![CDATA[submit]]></category>

		<guid isPermaLink="false">http://designsbycalvin.com/blog/?p=4</guid>
		<description><![CDATA[Images can be used to replace the old boring gray submit buttons, and it can even be done with one line of html code!
Lets look at the html code for a gray submit button:
&#60;input type=&#8221;submit&#8221; value=&#8221;submit&#8221;&#62;
That code looks like this:

Which visually can be quite boring and very amateur design-wise. To swap that button out for [...]]]></description>
			<content:encoded><![CDATA[<p>Images can be used to replace the old boring gray submit buttons, and it can even be done with one line of html code!<span id="more-4"></span></p>
<p>Lets look at the html code for a gray submit button:</p>
<p id="code">&lt;input type=&#8221;submit&#8221; value=&#8221;submit&#8221;&gt;</p>
<p>That code looks like this:</p>
<input type="text" />
<input value="submit" type="submit" />Which visually can be quite boring and very amateur design-wise. To swap that button out for an image use this line of code instead:</p>
<p id="code">&lt;input type=&#8221;image&#8221; src=&#8221;pathtoimage/imagename.jpg&#8221;&gt;</p>
<p>The text after src would be the path to the image you want to use. This is what our form looks like now:</p>
<input type="text" />
<input src="/images/zoom.png" style="vertical-align: middle" type="image" />With a little CSS (Cascading Style Sheets), you can change the size of the image and the spacing between the text box and image.</p>

]]></content:encoded>
			<wfw:commentRss>http://designsbycalvin.com/blog/2007/12/replacing-a-submit-button-with-an-image/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
