<?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>mySource</title>
	<atom:link href="http://www.janbthomas.com/jansblog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.janbthomas.com/jansblog</link>
	<description>Documenting my web development and bug fixes</description>
	<lastBuildDate>Tue, 20 Jul 2010 15:18:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Selling on eBay</title>
		<link>http://www.janbthomas.com/jansblog/sellin-on-ebay/</link>
		<comments>http://www.janbthomas.com/jansblog/sellin-on-ebay/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 22:47:43 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=289</guid>
		<description><![CDATA[Over 163 million people visited eBay in March 2010 (Nielsen.com).  That makes eBay the fifth most visited website globally.  While you probably don&#8217;t want to make your living off of eBay, it&#8217;s the largest pool of potential buyers on the internet, and a useful way to earn a little money.  Learn how [...]]]></description>
			<content:encoded><![CDATA[<p>Over 163 million people visited eBay in March 2010 (Nielsen.com).  That makes eBay the fifth most visited website globally.  While you probably don&#8217;t want to make your living off of eBay, it&#8217;s the largest pool of potential buyers on the internet, and a useful way to earn a little money.  Learn how to get started.</p>
<p><strong>DECIDING WHAT TO SELL</strong><br />
Collectables are the most popular items on eBay by category.  They represent 17% of all eBay sales.  Coming in second is Clothing/Shoe/Accessories at 11% and Entertainment at 11%.  Find out the details at <a href="http://popular.ebay.com">popular.ebay.com</a> and <a href="http://pulse.ebay.com">pulse.ebay.com</a>.</p>
<p>Still not sure about what to sell?  Search amazon.com for product research.  Amazon.com includes a <strong>Sales Ranking</strong> in the <strong>Product Details</strong> section.  This incorporates current and historical sales data to indicate a product&#8217;s popularity.  In the Amazon rating system, the lower the number the higher the sales.</p>
<p><strong>PRICING YOUR ITEM</strong></p>
<p>Press the &#8220;Sell an Item&#8221; link at the top right menu on eBay.com to get started.  The <em>What&#8217;s it Worth</em> section helps you determine the average price for your item.</p>
<p>Need more detailed information?  Use the advanced search to find all listings that have completed.  (Under the <strong>Search Including </strong>section, check the <strong>Completed Listings</strong> box.  Results include both sold and unsold listings including their prices.</p>
<p>I&#8217;ve sold textbooks, and DVD&#8217;s.  Textbooks in their most recent addition are popular.  Pick a time around the beginning of the quarter.  I listed 3 textbooks a week before the University of California schools were about to start and sold the books with out any problem.</p>
<p>LISTING AN ITEM ON EBAY</p>
<p>How do you make your used product sound good and still be honest about the items condition?  Here are a few descriptive terms that are useful:</p>
<ul>
<li>Good condition with some wear.</li>
<li>Shows signs of wear.</li>
<li>The edges of the cover are slightly curling.</li>
<li>No highlighting.  No markings.</li>
<li>Book comes without a book jacket.</li>
<li>DVD has been watched only once.</li>
</ul>
<p>SHIPPING YOUR ITEM<br />
One key to success on eBay &#8211; Keep your shipping costs down.  USPS media mail provides an economical option for sending DVDs, CDs and books.  Just buy your packing material in bulk.<br />
Ebay and PayPal prints online shipping labels for USPS priority mail flat rate packages.  There is a slight discount for online transaction.  Payment comes out of the PayPal account automatically.  It&#8217;s easy and fast.  USPS include tracking with their online orders through PayPal.  </p>
<p>Be careful though.  Sometimes the flat rate can be more expensive than using Priority Mail by weight.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/sellin-on-ebay/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Picasa Slide Show in WordPress</title>
		<link>http://www.janbthomas.com/jansblog/picasa-slide-show-in-wordpress/</link>
		<comments>http://www.janbthomas.com/jansblog/picasa-slide-show-in-wordpress/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 22:13:18 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[WordPress Techniques]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=698</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><code><embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" width="510" height="340" flashvars="host=picasaweb.google.com&#038;hl=en_US&#038;feat=flashalbum&#038;RGB=0x000000&#038;feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fjanbthomas%2Falbumid%2F5373602780728892225%3Falt%3Drss%26kind%3Dphoto%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/picasa-slide-show-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use IFrame to Add Headers and menus to a Picasa Gallery</title>
		<link>http://www.janbthomas.com/jansblog/use-iframe-add-headers-picasa-gallery/</link>
		<comments>http://www.janbthomas.com/jansblog/use-iframe-add-headers-picasa-gallery/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 17:39:41 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=648</guid>
		<description><![CDATA[Now that you have a professional-looking Picasa Photo Gallery, you want to add the headers and menus to complete the look.  Here is a simple solution to make this happen.
[Here's how to create a Picasa Photo Gallery on your website.]
VIEW DEMO

Generate a Picasa photo gallery.  Add the gallery to your web site.  [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Now that you have a professional-looking Picasa Photo Gallery, you want to add the headers and menus to complete the look.  Here is a simple solution to make this happen.</strong></p>
<p><a href="http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/">[Here's how to create a Picasa Photo Gallery on your website.]</a></p>
<p><a href="http://www.janbthomas.com/picasabanner.php" class="uline" target="blank">VIEW DEMO</a></p>
<ol>
<li><strong>Generate a Picasa photo gallery.  Add the gallery to your web site.</strong>  <br/>Check that the photo gallery displays properly. <a href="http://www.janbthomas.com/albums/London/" class="uline" target="blank">VIEW GALLERY WITHOUT HEADERS.</a> <br/> </li>
<li><strong>Create a web page that contains all of your headers and menus.  </strong>Make sure this page displays properly and has plenty of space for the photo gallery.  Save it anywhere you like on your server.  (It doesn&#8217;t need to reside in the same directory with your Picasa gallery.)</li>
<li><strong>Edit your webpage from step 2. Add this line to the html:</strong><br />
</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;iframe width=&quot;850&quot; height=&quot;750&quot; frameborder=&quot;1&quot; 
src=&quot;http://www.yourwebsite.com/youralbum&quot;&gt;&lt;/iframe&gt;</pre></div></div>

<p>Change the width and height attributes to match Your photo gallery.
</li>
<li><strong>Save changes and run the web page.</strong> The photo gallery should appear in the iframe.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/use-iframe-add-headers-picasa-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding headers and menus to a JAlbum Gallery</title>
		<link>http://www.janbthomas.com/jansblog/adding-headers-jalbum-gallery/</link>
		<comments>http://www.janbthomas.com/jansblog/adding-headers-jalbum-gallery/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 19:31:55 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=614</guid>
		<description><![CDATA[Now that you have a professional-looking Photo Gallery, you want to add the headers and menus to complete the look.  Here is a simple solution to make this happen.
VIEW DEMO

Generate a JAlbum photo gallery.  Add the gallery to your web site.  Check that the JAlbum displays properly. VIEW GALLERY WITHOUT HEADERS.  [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Now that you have a professional-looking Photo Gallery, you want to add the headers and menus to complete the look.  Here is a simple solution to make this happen.</strong></p>
<p><a href="http://www.janbthomas.com/jalbumbanner.php" class="uline" target="blank">VIEW DEMO</a></p>
<ol>
<li><strong>Generate a JAlbum photo gallery.  Add the gallery to your web site.</strong>  <br/>Check that the JAlbum displays properly. <a href="http://www.janbthomas.com/albums/SummerInParis/" class="uline" target="blank">VIEW GALLERY WITHOUT HEADERS.</a> <br/> </li>
<li><strong>Create a web page that contains all of your headers and menus.  </strong>Make sure this page displays properly and has plenty of space for the photo gallery.  Save it anywhere you like on your server.  (It doesn&#8217;t need to reside in the same directory with your JAlbum gallery.)</li>
<li><strong>Edit your webpage from step 2. Add this line to the html:</strong>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;iframe width=&quot;650&quot; height=&quot;600&quot; frameborder=&quot;1&quot; 
src=&quot;http://www.yourwebsite.com/youralbum&quot;&gt;&lt;/iframe&gt;</pre></div></div>

<p>Change the width and height attributes to match Your photo gallery.
</li>
<li><strong>Save changes and run the web page.</strong> The photo gallery should appear in the iframe.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/adding-headers-jalbum-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use Cforms to create a short quiz or questionnaire</title>
		<link>http://www.janbthomas.com/jansblog/customize-success-message-cforms/</link>
		<comments>http://www.janbthomas.com/jansblog/customize-success-message-cforms/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 00:22:45 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[WordPress Techniques]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=570</guid>
		<description><![CDATA[Do you want to vary the CFormsII success message? Maybe you want to create a short quiz that can be scored and reported upon completion.   CFormsII provides the ability to alter the success message before the form is processed.  For something simpler, create a questionnaire with no scoring involved.  Learn how [...]]]></description>
			<content:encoded><![CDATA[<p>Do you want to vary the CFormsII success message? Maybe you want to create a short quiz that can be scored and reported upon completion.   CFormsII provides the ability to alter the success message before the form is processed.  For something simpler, create a questionnaire with no scoring involved.  Learn how to set these up.</p>
<p><em>[The quiz and survey solutions requires knowledge of php programming for scoring.  After being submitted, the form is scored in a php function.]</em></p>
<p><a href="http://www.janbthomas.com/jansblog/websitesurvey" class="uline" target="blank">View the Questionnaire Demo</a></p>
<p><a href="http://www.janbthomas.com/jansblog/tv-questionnaire" class="uline" target="blank">View the Quiz Demo (Scoring: one correct answer)</a></p>
<p><a href="http://www.janbthomas.com/jansblog/healthsurvey" class="uline" target="blank">View the Health Survey Demo (Scoring: answers weighted from 0 to 3)</a><span id="more-570"></span></p>
<h2>Questionnaire Instructions</h2>
<ol>
<li><strong>Create a Form in CformsII.  Add the form to a WordPress page or post.</strong>  <a href="http://www.janbthomas.com/jansblog/createcontactform" class="uline" target="blank">Click for more information on creating a CFormsII form.</a><br/><br/><a href="http://www.janbthomas.com/jansblog/wp-content/uploads/2010/01/WebsiteSurvey.jpg"  class="uline" target="blank">Here&#8217;s what the demo Questionnaire looks like in the CForms Designer:  <img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2010/01/WebsiteSurvey-150x150.jpg" alt="WebsiteSurvey" title="WebsiteSurvey" width="150" height="150" class="alignleft size-thumbnail wp-image-716" /></a>
        </li>
<li>The survey results will be sent to the admin&#8217;s email account and the user&#8217;s email with the CC option.</li>
</ol>
</li>
<h2>Quiz Instructions</h2>
<ol>
<li><strong>Create a Form in CformsII.  Add the form to a WordPress page or post.</strong>  <a href="http://www.janbthomas.com/jansblog/createcontactform" class="uline" target="blank">Click for more information.</a><br/><br/>Remember the form number and field numbers.
<p> This form below is form #8 and the quiz includes fields 4 through 8. </p>
<p>Each of the radio button answers are set up with a value = 1 for the correct answer and a value = 0 for the incorrect answer.</p>
<p><a href="http://www.janbthomas.com/jansblog/wp-content/uploads/2010/01/tvquestionnaire.jpg"><img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2010/01/tvquestionnaire-300x215.jpg" alt="tvquestionnaire" title="tvquestionnaire" width="300" height="215" class="alignleft size-medium wp-image-696" /></a>
</li>
<li><strong>Edit my-functions.php </strong>.
<ul>
<li>Use the editor of your choice to edit wp-content/plugins/cforms/my-functions.php. <br/> OR<br/>  Go into Plugins->Editor.  Select plugin to edit: cforms.  Click the cforms/my-functions.php file near the bottom of the long list of files.</li>
<li>The <strong>my-functions.php </strong>file has sample code for numerous actions.  For example setting the  redirection link, or changing an email address.  By default, these functions are commented out.</li>
<li>Define <strong>my_cforms_logic </strong>to change the success message.  In this example, the values for fields 4, 5, 6, 7, 8 are totaled.  Correct answers have a value of 1 and incorrect answers have a value of 0 so the total represents the score.</li>
<li>Within the my_cforms_logic function, there are several ways to access the field data.  In this example, the field value is referenced using it&#8217;s field number when combined with $$$.</li>
<li>To see the variables that hold field data use the @email function.  The results will be sent to email.</li>
</li>
</ul>
<li><strong>Save Changes to the server</strong> </li>
<li><strong>Run the form.</strong> </li>
</ol>
<p>Here&#8217;s the code:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> my_cforms_logic<span style="color: #009900;">&#40;</span><span style="color: #000088;">$cformsdata</span><span style="color: #339933;">,</span><span style="color: #000088;">$oldvalue</span><span style="color: #339933;">,</span><span style="color: #000088;">$setting</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #666666; font-style: italic;">### it's only changed though for form #8
</span>    <span style="color: #666666; font-style: italic;">### example: changes redirection address based on user input field
</span>    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$cformsdata</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'id'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">==</span><span style="color: #cc66cc;">8</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$setting</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;successMessage&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #666666; font-style: italic;">### note: '$$$mypick' references the ID of the HTML element and has been assigned
</span>             <span style="color: #666666; font-style: italic;">### to the drop down field in the form configuration, with [id:mypick] !
</span>	<span style="color: #000088;">$form</span>   <span style="color: #339933;">=</span> <span style="color: #000088;">$cformsdata</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'data'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>	
	<span style="color: #000088;">$totalCorrect</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$total</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
 	<span style="color: #b1b100;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">4</span><span style="color: #339933;">;</span> <span style="color: #000088;">$i</span> <span style="color: #339933;">&lt;=</span> <span style="color: #cc66cc;">8</span><span style="color: #339933;">;</span> <span style="color: #000088;">$i</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                   <span style="color: #000088;">$curField</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'$$$'</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$i</span><span style="color: #339933;">;</span>
                   <span style="color: #000088;">$totalCorrect</span> <span style="color: #339933;">+=</span> <span style="color: #000088;">$form</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$form</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$curField</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
                   <span style="color: #000088;">$total</span><span style="color: #339933;">++;</span>
 	<span style="color: #009900;">&#125;</span>
&nbsp;
            <span style="color: #000088;">$percent</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$totalCorrect</span> <span style="color: #339933;">/</span> <span style="color: #000088;">$total</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">100</span><span style="color: #339933;">;</span>
            <span style="color: #000088;">$yourScore</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;p&gt;You scored &quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$totalCorrect</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot; out of &quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$total</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;.  That's &quot;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$percent</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;%!&lt;/p&gt;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #000088;">$total</span> <span style="color: #339933;">&gt;=</span> <span style="color: #cc66cc;">2</span> <span style="color: #009900;">&#41;</span>
	       <span style="color: #b1b100;">return</span> <span style="color: #000088;">$yourScore</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">' &lt;p&gt;Good Work!&lt;/p&gt; '</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$oldvalue</span> <span style="color: #339933;">;</span>
	<span style="color: #b1b100;">else</span>
                    <span style="color: #b1b100;">return</span> <span style="color: #000088;">$yourScore</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">' &lt;p&gt;Better Luck Next Time!&lt;/p&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">//@mail('thomasja1@earthlink.net', 'cforms my_filter_nonAjax test', 'Form data array (nonAjax):'.print_r($cformsdata,1), 'From: jan@janbthomas.com');</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$oldvalue</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/customize-success-message-cforms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Picasa Template Downloads</title>
		<link>http://www.janbthomas.com/jansblog/picasa-template-downloads/</link>
		<comments>http://www.janbthomas.com/jansblog/picasa-template-downloads/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 23:13:58 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=298</guid>
		<description><![CDATA[SIMPLEPHOTOBOX
SimplePhotoBox includes a gallery with a page of scrollable thumbnails and a slide show.  Switch between small thumbnails, large thumbnails and detail photo slide show.  Click here for installation instructions.
VIEW DEMO





DARKGALLERY
DarkGallery is a simple photo album that includes a gallery with scrollable thumbnails and a slide show.  The slide show starts automatically [...]]]></description>
			<content:encoded><![CDATA[<p>SIMPLEPHOTOBOX</p>
<p>SimplePhotoBox includes a gallery with a page of scrollable thumbnails and a slide show.  Switch between small thumbnails, large thumbnails and detail photo slide show.  Click here for installation instructions</a>.</p>
<p><a href="http://www.janbthomas.com/albums/bigsur/index.html"  class="uline" target="blank" >VIEW DEMO<br />
</a></p>
<p><a href="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/preview.jpg"><img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/preview-300x216.jpg" alt="SimplePhotoBox" title="SimplePhotoBox" width="300" height="216" class="alignleft size-medium wp-image-655" /></a></p>
<input type="button" name="Button" value="Download SimplePhotoBox Template" onClick="window.open('http://www.janbthomas.com/downloads/simplephotobox.zip', 'download'); return false;">
<br/></p>
<hr />
<p>DARKGALLERY</p>
<p>DarkGallery is a simple photo album that includes a gallery with scrollable thumbnails and a slide show.  The slide show starts automatically on load.  Stop the slideshow by clicking the pause button.  <a href="http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/"  class="uline" target="blank" >Click here for installation instructions</a>.</p>
<p><a href="http://www.janbthomas.com/albums/newyork/index.html"  class="uline" target="blank" >VIEW DEMO<br />
</a></p>
<p><a href="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/darkgallery.jpg"><img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/darkgallery-300x248.jpg" alt="darkgallery" title="darkgallery" width="300" height="248" class="alignleft size-medium wp-image-484" /></a></p>
<input type="button" name="Button" value="Download DarkGallery Template" onClick="window.open('http://www.janbthomas.com/downloads/darkgallery.zip', 'download'); return false;">
<br/></p>
<hr />
<p>WHITEGALLERY</p>
<p>WhiteGallery is a simple photo album that includes a gallery with scrollable thumbnails and a slide show.  The slide show starts automatically on load.  Stop the slideshow by clicking the pause button.  <a href="http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/"  class="uline" target="blank" >Click here for installation instructions</a>.</p>
<p><a href="http://www.janbthomas.com/albums/London/index.html"  class="uline" target="blank" >VIEW DEMO<br />
</a><br />
<a href="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/whitegallery.jpg"  class="uline" target="blank" ><img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/whitegallery-300x250.jpg" alt="whitegallery" title="whitegallery" width="300" height="250" class="alignright size-medium wp-image-299" /></a> </p>
<input type="button" name="Button" value="Download WhiteGallery Template" onClick="window.open('http://www.janbthomas.com/downloads/whitegallery.zip', 'download'); return false;">
<br/></p>
<hr />
<p>WHITEGALLERY WITH LEFT DOCKING</p>
<p>WhiteGallery with left docking thumbnails. <a href="http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/">Click here for installation instructions</a>.</p>
<p><a href="http://www.janbthomas.com/albums/paris/index.html"  class="uline" target="blank" >VIEW DEMO<br />
</a><br />
<img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/10/whitegalleryleftdock-300x253.jpg" alt="whitegalleryleftdock" title="whitegalleryleftdock" width="300" height="253" class="alignright size-medium wp-image-325" /></p>
<input type="button" name="Button" value="Download WhiteGallery Left Dock" onClick="window.open('http://www.janbthomas.com/downloads/whitegalleryleft.zip', 'download'); return false;">
<p>RELATED POSTS</p>
<ul>
<li><a href="http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/" class="uline">Create a Photo Gallery From Your Picasa Album</a></li>
<li><a href="http://www.janbthomas.com/jansblog/picasaslideshowinwebsit/" class="uline">Embed a Picasa Slide Show Into Your Website</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/picasa-template-downloads/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Photo Gallery From Your Picasa Album</title>
		<link>http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/</link>
		<comments>http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 21:49:35 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>
		<category><![CDATA[HomePage]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=245</guid>
		<description><![CDATA[Picasa provides an option to export your photo album as an HTML webpage.  For a more polished look, use one of the free Picasa templates available on the internet. Learn how to use Picasa to generate a photo gallery on your website.
View a Photo Gallery Demo

CREATE A WEB ALBUM IN PICASA
Use the Picasa application [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Picasa provides an option to export your photo album as an HTML webpage.  For a more polished look, use one of the free Picasa templates available on the internet. Learn how to use Picasa to generate a photo gallery on your website.</strong></p>
<p><a href="http://www.janbthomas.com/albums/newyork/" target="blank" class="uline" >View a Photo Gallery Demo</a></p>
<ol>
<li>CREATE A WEB ALBUM IN PICASA<br />
Use the Picasa application to create an album, or choose an existing album.  Make sure the album is selected before you start the export.  You can select individual photos or the entire album for export.</li>
<p><span id="more-245"></span></p>
<li>INSTALL THE TEMPLATES
<ul>
<li>Search the internet for Picasa Templates.</li>
<li>Download and unzip the template onto your computer in the folder:<br />
<strong>ProgramFiles/Google/Picasa3/web/templates</strong></p>
<p>[Mac Users:  Use the Finder window to locate Picasa in the applications folder.  Right Mouse Click on Picasa Application.  <strong>Select Show Package Contents</strong>  Copy the template folder into  <strong>Contents->Resources->web->templates</strong>].</p>
<p>(I used the <em>DarkGallery</em> template.  <a href="http://www.janbthomas.com/jansblog/picasa-template-downloads/" class="uline" target="blank"  >Click here for template download</a>.)</li>
</ul>
</li>
<li>EXPORT THE ALBUM
<ul>
<li>Bring up the Picasa Application.</li>
<li>Make sure you have an album selected.</li>
<li>Select menu: <strong>Album -> Export as HTML page</strong> <br />
       Mac Users:  Folder-> Export as HTML page</li>
<li>The new window &#8220;Export as HTML Page&#8221; will appear.  Once the desired export options are selected, choose a location for your photo gallery and press the Next button. </li>
<li>The window &#8220;Select a Web Page Template&#8221; will appear.  <strong>Choose your template.</strong>  Now press the finish button.  Picasa exports files into the location above.  Transfer these files to the sever and your slideshow is ready to view!</li>
</ul>
</li>
</ol>
<p>RELATED POSTS</p>
<ul>
<li><a href="http://www.janbthomas.com/jansblog/use-iframe-add-headers-picasa-gallery/">What&#8217;s Next:  Add Headers and Menus to a Picasa Gallery</a></li>
<li><a href="http://www.janbthomas.com/jansblog/picasa-template-downloads/" class="uline">Picasa Template Downloads</a></li>
<li><a href="http://www.janbthomas.com/jansblog/picasaslideshowinwebsit/" class="uline">Embed a Picasa Slide Show Into Your Website</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Embed a Picasa Slide Show into Your Website</title>
		<link>http://www.janbthomas.com/jansblog/picasaslideshowinwebsit/</link>
		<comments>http://www.janbthomas.com/jansblog/picasaslideshowinwebsit/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 15:57:31 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>
		<category><![CDATA[HomePage]]></category>
		<category><![CDATA[Embed Picasa Album]]></category>
		<category><![CDATA[Picasa Slideshow]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=170</guid>
		<description><![CDATA[Picasa comes with a slideshow utility that can be embedded into any webpage.  Setup is easy and the photo album maintainance is handled by Picasa.  Learn how to display a Picasa slideshow in your website.]]></description>
			<content:encoded><![CDATA[<p><strong>Picasa comes with a slideshow utility that can be embedded into any webpage.  Setup is easy and the photo album maintainance is handled by Picasa.  Learn how to display a Picasa slideshow in your website.</strong></p>
<p><a href="http://www.janbthomas.com/catsdogs.php" class="uline" target="blank">View a Slide Show Demo</a></p>
<p><a href="http://www.janbthomas.com/jansblog/picasa-slide-show-in-wordpress"  class="uline" target="blank">View a Slide Show Demo in a WordPress Post</a></p>
<ol>
<li>CREATE A WEB ALBUM IN PICASA<br />
Use the Picasa application to create an album, or choose an existing Picasa album.  Make sure your album is synced to the web.  I set the Visibility to Public so anyone can view the photos.</li>
<p></p>
<li>RETRIEVE THE SLIDESHOW LINK FROM PICASA
<ul>
<li>Open the Web Album in your favorite browser.  (You can use the link &#8220;<em><strong>view online&#8230; </strong></em>&#8221; from within the Picasa application.)</li>
<li>Select &#8220;<em><strong>Link to this album </strong></em>&#8220;.  (Found on the right column of the Web Album page.)</li>
<p><span id="more-170"></span></p>
<li>Select:  &#8220;<em><strong>Embed Slideshow </strong></em>&#8220;.</li>
<p><a href="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/08/picasaslideshow.jpg" target="blank"><img src="http://www.janbthomas.com/jansblog/wp-content/uploads/2009/08/picasaslideshow-300x127.jpg" alt="How To Embed a Picasa Slideshow" title="Embed a Picasa Slideshow" width="300" height="127" class="size-medium wp-image-273" /></a></p>
<li>The new window &#8220;Create a portable slideshow for your website&#8230;&#8221; will appear.  Once the desired slideshow options are selected, <strong>copy the HTML text at the bottom of the window.</strong></li>
<li><strong>Paste the HTML code into your webpage.</strong> <em>[I use Dreamweaver to edit my web pages but something as simple as NotePad will do.] </em>
<p>For Dreamweaver users:  Bring up your web page in the <strong>Design</strong> tab.  Click to mark the insertion point.  Change to the <strong>Code</strong> tab.  Paste the HTML code (Ctrl V).  Save File.<br />
<strong>Now save these changes to the sever and your slideshow is ready to view!</strong>  </p>
<p><strong>For WordPress:</strong> Log into WordPress administration. Create a new post or edit an existing post. Paste the HTML code from Picasa into the editor and save the changes.<br />
[If you created your website through a web hosting service like GoDaddy, you may need to use their web site editting services.  Make sure you go into HTML mode before pasting.]</li>
</ul>
</li>
</ol>
<p>RELATED POSTS:</p>
<ul>
<li>
<a href="http://www.janbthomas.com/jansblog/photo-gallery-from-picasa-album/" class="uline">Create a Photo Gallery From Your Picasa Album</a></li>
<li><a href="http://www.janbthomas.com/jansblog/picasa-template-downloads/" class="uline">Picasa Template Downloads</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/picasaslideshowinwebsit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Capture 404 Errors Gracefully</title>
		<link>http://www.janbthomas.com/jansblog/404-errors-gracefully/</link>
		<comments>http://www.janbthomas.com/jansblog/404-errors-gracefully/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 17:38:47 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>
		<category><![CDATA[Programming Techniques]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=151</guid>
		<description><![CDATA[Broken Links, Miss-spelled addresses, Unauthorized access, and Server Errors.  Turn these errors into opportunities.  Capture and keep visitors on your website after an error has occurred by customizing the error reporting page.  Provide links, a search box, a back button and a fresh opportunity to explore your site.
Here&#8217;s the error page for [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Broken Links, Miss-spelled addresses, Unauthorized access, and Server Errors. </strong> Turn these errors into opportunities.  Capture and keep visitors on your website after an error has occurred by customizing the error reporting page.  Provide links, a search box, a back button and a fresh opportunity to explore your site.<span id="more-151"></span></p>
<p>Here&#8217;s the error page for this site:  <a href="http://www.janbthomas.com/oops" class="uline">www.janbthomas.com/oops</a></p>
<p><strong>1.  Create a custom error page in HTML. </strong> Add links, a google search box and an identifying logo.  Google has some web master tools to help.<br />
I created a page called 404.html</p>
<p><strong>2.  Use FTP to copy 404.html to the server.  </strong>The file 404.html will be displayed whenever the HTTP error code indicates the file is not found.    </p>
<p><strong>3.  Identify this file to the web server by adding a reference line in the .htaccess file. </strong> (This may vary depending on your web hosting company.)  </p>
<p>Here&#8217;s the line to add:<br />
ErrorDocument 404 http://www.your_domain.com/404.html</p>
<p><strong>4.  Upload these changes to the server.</strong></p>
<p>Here are some of the more common HTTP error codes:<br />
Client Errors<br />
   400 Bad syntax<br />
   403 Forbidden<br />
   404 Not Found &#8211; Most common</p>
<p>Server Error<br />
   500 Internal Error</p>
<p><strong>5.  As an alternative, capture all errors with the same file by adding a few lines into the .htaccess file.  </strong></p>
<p>RewriteEngine On<br />
RewriteCond %{REQUEST_FILENAME} !-f<br />
RewriteCond %{REQUEST_FILENAME} !-d<br />
RewriteRule (.*) /errors.html</p>
<p>In this example, the HTML error page is called errors.html</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/404-errors-gracefully/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Photo Gallery Using JAlbum</title>
		<link>http://www.janbthomas.com/jansblog/jalbum-photo-gallery/</link>
		<comments>http://www.janbthomas.com/jansblog/jalbum-photo-gallery/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 14:38:39 +0000</pubDate>
		<dc:creator>AdminJan</dc:creator>
				<category><![CDATA[Articles and Reviews]]></category>
		<category><![CDATA[HomePage]]></category>

		<guid isPermaLink="false">http://www.janbthomas.com/jansblog/?p=128</guid>
		<description><![CDATA[When you want to display and share photography, it&#8217;s important to find a solution that is organized and professional.  I like JAlbum because it transfers photos from my computer hard drive onto my website.  I specifically chose JAlbum for one of my websites because it included a Flash slide show, and a Flash [...]]]></description>
			<content:encoded><![CDATA[<p><strong>When you want to display and share photography, it&#8217;s important to find a solution that is organized and professional.  I like JAlbum because it transfers photos from my computer hard drive onto my website.  I specifically chose JAlbum for one of my websites because it included a Flash slide show, and a Flash gallery on the same page.</strong> </p>
<p><span id="more-128"></span> </p>
<p>The JAlbum website (<a href="http://www.jalbum.net" class="uline" target="blank">www.jalbum.net</a>) promotes its web hosting feature &#8211; JAlbum will provide users with web space for their photo gallery.   I really prefer to let JAlbum publish photos on my own site.  The JAlbum application installs and runs from a local drive, similar to Picasa.  There are versions for Windows and Mac based operating systems. </p>
<p><a href="http://www.janbthomas.com/jalbumbanner.php" class="uline" target="blank">VIEW A JALBUM GALLERY RUNNING ON MY WEBSITE</a></p>
<p><strong>Here&#8217;s how to get started with JAlbum:</strong><br />
1.  Install JAlbum onto your computer.<br />
2.  Open JAlbum and Create a New Album.<br />
3.  Add Photographs and Images to the Album.<br />
4.  Select a Skin (I choose FotoPlayer); or find skin from the internet:  click on the &#8220;more skins&#8221; link to look on the jalbum site.  Once you&#8217;ve selected a skin, the download and installation is done for you.<br />
5.  ADD WEB HOST INFORMATION FOR PHOTO ALBUM<br />
Select <strong>Tools</strong> -> <strong>Publish/Manage</strong> from the menubar</p>
<ul>
<li>Step 1: FTP ACCOUNT LOGIN <em>(These FTP settings can be obtained through your web host provider.)</em><br />
Server Name:  (host / URL) eg. www.janbthomas.com<br />
User Name: (FTP account name)<br />
Password: (FTP password)</li>
<li>Step 2: Navigate to Host Subdirectory</li>
<li>Select the <strong>Close</strong> Button</li>
</ul>
<p>6.  Make the Album.<br />
7.  Click on the &#8220;Publish/Manage&#8221; Button to send your new album to your web server using JAlbum&#8217;s FTP utility.</p>
<p>This application is free and developers provide some really nice skins that can include both slide show and gallery features in one nice Flash package.  </p>
<p><strong>Next Step:  </strong><a href="http://www.janbthomas.com/jansblog/adding-headers-jalbum-gallery/" class="uline">Adding Headers and Menus to a JAlbum Gallery</a></p>
<p>RELATED POSTS:</p>
<p><a href="picasa-slide-show/" class="uline">Create a Photo Gallery From Your Picasa Album</a><br />
<a href="picasaslideshowinwebsit/" class="uline">Embed a Picasa Slideshow into Your Website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janbthomas.com/jansblog/jalbum-photo-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
