<?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>DIY Webmastery</title>
	<atom:link href="http://www.diywebmastery.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.diywebmastery.com</link>
	<description>Expedient Web Design for Online Entrepreneurs</description>
	<lastBuildDate>Thu, 29 Jul 2010 12:23:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>File Compression &#8211; Zip Your Files to Make Them Smaller</title>
		<link>http://www.diywebmastery.com/1309/compression-zip-files</link>
		<comments>http://www.diywebmastery.com/1309/compression-zip-files#comments</comments>
		<pubDate>Tue, 27 Jul 2010 15:47:06 +0000</pubDate>
		<dc:creator>Elizabeth</dc:creator>
				<category><![CDATA[Webmaster Tools Tutorial]]></category>
		<category><![CDATA[jzip]]></category>

		<guid isPermaLink="false">http://www.diywebmastery.com/?p=1309</guid>
		<description><![CDATA[You may be sending an email with several attachments. For example you might want to send a Word Document, an Excel Spreadsheet and a photo to a friend. You can attach each file in turn – so in this case you’d be sending three attachments, or you can zip the three files up into one package and send that as a single attachment to your email. The single zipped package of files is sometimes referred to as an archive.]]></description>
			<content:encoded><![CDATA[<p></p><p>Here&#8217;s a quick tutorial to show you how to use jZip to compress and decompress files. This is normally called zipping and unzipping.  Jzip is a free file compression program which you can download from <a href="http://www.jzip.com/">www.jZip.com</a>.</p>
<h3>Sending Emails Attachments As Zipped Archives</h3>
<p>You may be sending an email with several attachments. For example you might want to send a Word Document, an Excel Spreadsheet  and a photo to a friend.  You can attach each file in turn &#8211; so in this case you&#8217;d be sending three attachments, or you can zip the three files up into one package and send that as a single attachment to your email.  The single zipped package of files is sometimes referred to as an <em>archive</em>. </p>
<h3>Why Zip Files in the First Place?</h3>
<p>Of course the files do not have to be of different types, as in my example.  You might want to send 10 Word files or a number of text files. The major reason for sending files as a single zipped file, is to minimise the file size. Most files, when zipped have al the excess space squashed out of them, so the resulting single zip archive is smaller than the individual files that it contains.   This makes it faster to send or store.</p>
<p>Zipping doesn&#8217;t usually make some images any smaller as they are aleaady in a compressed format. jpg images are a good example of this. You&#8217;ll find that a number of jpg image files zipped together won&#8217;t be much smaller than the total size of the individual files. </p>
<p>The process is shown below in the diagram.<br />
<img style="margin-top:10px; margin-left:-10px;" src="http://images.diywebmastery.com.s3.amazonaws.com/posts/2010-07/zipping.jpg" alt="Compression Files - Compressing Files Using jZip" /></p>
<p><a href="http://www.diywebmastery.com/1309/compression-zip-files"><em>Click here to view the embedded video.</em></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.diywebmastery.com/1309/compression-zip-files/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Add Code Samples to Wordpress Posts</title>
		<link>http://www.diywebmastery.com/1247/how-to-add-code-samples-to-wordpress-posts</link>
		<comments>http://www.diywebmastery.com/1247/how-to-add-code-samples-to-wordpress-posts#comments</comments>
		<pubDate>Thu, 22 Jul 2010 16:29:11 +0000</pubDate>
		<dc:creator>Elizabeth</dc:creator>
				<category><![CDATA[Wordpress Tutorial]]></category>
		<category><![CDATA[code samples]]></category>
		<category><![CDATA[wordpress plugin]]></category>

		<guid isPermaLink="false">http://www.diywebmastery.com/?p=1247</guid>
		<description><![CDATA[Placing code samples effectively into a Wordpress Post can be tricky, that is until you start using the fabulous Wordpress Plugin Syntax Highlighter Evolved.  Without it, the HTML of the post and the HTML of the code excerpt can become entangled. There are quite a few settings available on the plugin and it may be a case of trial and error to see what works best for you. This video explains more.]]></description>
			<content:encoded><![CDATA[<p></p><p>I received an email today from EnnisP &#8211; a blogging self-starter (the very type of person I love to encourage) who is teaching himself about all manner of online tech stuff so that he can run his own <a rel="nofollow" href="http://nowthinkaboutit.com">Religious Issues</a> website well. </p>
<p>Due to his efforts, EnnisP is also able to show others what he himself has learned and as such finds he needs to put code samples on his site. This gets tricky because a Wordpress page is itself written in HTML. His specific question was however,<br />
<blockquote>how can you type an HTML code sample and get it to wrap without some of the lines jutting out into the sidebars of the blog?</p></blockquote>
<p>I think the problem and solution are best demonstrated with as short video clip.<br />
<p><a href="http://www.diywebmastery.com/1247/how-to-add-code-samples-to-wordpress-posts"><em>Click here to view the embedded video.</em></a></p></p>
<p>Here is the code from EnnisP&#8217;s website inserted here, using the <a href="http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/">Syntax Highlighter  Evolved Plugin</a> (based on original code by <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter">Alex Gorbatchev</a>)</p>
<p>The settings I used for the plugin are as follows :<br />
<img src="http://images.diywebmastery.com.s3.amazonaws.com/posts/2010-07/settings.jpg"></p>
<p>And the tags I used were :</p>
<pre class="brush: plain;">
[code lang=&quot;xml&quot;]
.
.
.
[/code]
</pre>
<p>To help the plugin break lines effectively add the source code with line breaks where you can or in an example like the code below, it will attempt to put the code all on one line (because that is how it is supposed to be written.) This is how it looks with hard line breaks added by me :</p>
<pre class="brush: xml;">
&lt;a href=&quot;http://www.amazon.com/gp/product/0849946018?ie=UTF8&amp;tag=XXXXXXXX&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;
creativeASIN=0849946018&quot;
target=&quot;_blank&quot;&gt;
&lt;img class=&quot;alignleft size-full wp-image-1062&quot; title=&quot;Jesus Manifesto&quot;
src=&quot;http://nowthinkaboutit.com/wp-content/uploads/2010/06/Jesus-Manifesto.jpg&quot;
alt=&quot;&quot; width=&quot;74&quot; height=&quot;110&quot; /&gt;&lt;/a&gt;
</pre>
<p>And this is how it looks with no line breaks, just with the code as written. But you can play around with the tags and settings to get it to look as you want it to.</p>
<pre class="brush: xml;">
&lt;a href=&quot;http://www.amazon.com/gp/product/0849946018?ie=UTF8&amp;tag=XXXXXXXX&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0849946018&quot; target=&quot;_blank&quot;&gt;&lt;img class=&quot;alignleft size-full wp-image-1062&quot; title=&quot;Jesus Manifesto&quot; src=&quot;http://nowthinkaboutit.com/wp-content/uploads/2010/06/Jesus-Manifesto.jpg&quot; alt=&quot;&quot; width=&quot;74&quot; height=&quot;110&quot; /&gt;&lt;/a&gt;
</pre>]]></content:encoded>
			<wfw:commentRss>http://www.diywebmastery.com/1247/how-to-add-code-samples-to-wordpress-posts/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Avatars and Gravatars &#8211; Wordpress Branding</title>
		<link>http://www.diywebmastery.com/1167/avatars-and-gravatars</link>
		<comments>http://www.diywebmastery.com/1167/avatars-and-gravatars#comments</comments>
		<pubDate>Tue, 22 Jun 2010 15:09:47 +0000</pubDate>
		<dc:creator>Elizabeth</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[gravatar]]></category>
		<category><![CDATA[identicon]]></category>

		<guid isPermaLink="false">http://www.diywebmastery.com/?p=1167</guid>
		<description><![CDATA[<p>When you leave a comment on a blog, if you haven't set yourself up with an avatar your comment will be branded with a default or a generated avatar as chosen by the blog's owner. This means that when you comment on blogs, post on Twitter, Facebook, most forms of social media in fact, (and some forums), that you won't be branding yourself with an image that people in your niche will learn to recognise. 
</p>
<p>
Here are some examples of default and generated avatars used on Wordpress blogs for commenters with no avatar of their own.
</p>]]></description>
			<content:encoded><![CDATA[<p></p><p><p><a href="http://www.diywebmastery.com/1167/avatars-and-gravatars"><em>Click here to view the embedded video.</em></a></p><br />
Maybe you&#8217;ve noticed when comments are left on Wordpress blogs, that some people have a small personalized image beside their comments while others do not? </p>
<p>When you leave a comment on a blog, if you haven&#8217;t set yourself up with an avatar your comment will be branded with a default or a generated avatar as chosen by the blog&#8217;s owner. This means that when you comment on blogs, post on Twitter, Facebook, most forms of social media in fact, (and some forums), that you won&#8217;t be branding yourself with an image that people in your niche will learn to recognise. </p>
<p>Here are some examples of default and generated avatars used on Wordpress blogs for commenters with no avatar of their own.</p>
<table class="avatars">
<tr>
<th>Mystery Man</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/mysteryman.png" alt="" /></td>
</tr>
<tr>
<th>Gravatar Logo</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/gravatar-logo.jpg" alt="" /></td>
</tr>
<tr>
<th>Example Monster Avatars<br />(these are generated)</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/monster1.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/monster2.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/monster3.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/monster4.png" alt="" /></td>
</tr>
<tr>
<th>Example Wavatars<br />(these are generated)</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/wavatar1.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/wavatar2.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/wavatar3.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/wavatar4.png" alt="" /></td>
</tr>
<tr>
<th>Example Indenticons<br />(these are generated)</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/identicon1.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/identicon2.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/identicon3.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/identicon4.png" alt="" /></td>
</tr>
</table>
<p>I&#8217;m sure you recognise them.  </p>
<h2>How Do I Get My Own Avatar?</h2>
<p>The answer is you set up a Globally Recognized Avatar or <b>Gravatar</b>. It&#8217;s easy and it&#8217;s free!</p>
<ol>
<li>Find a photo of yourself or an image of something that you wish to represent you online</li>
<li>Crop it so that it&#8217;s square and about 200px x 200px in size</li>
<li>Go and sign up at <a href="http://www.gravatar.com">Gravatar</a></li>
<li>Associate the photo with your email address or email addresses (if you a number of email addresses you may want to have a different photo for each one. Or you can use the same photo for each email address. It&#8217;s up to you.)</li>
<li>You&#8217;re done. The next time you leave a comment on a blog, or post in a forum your little image will mark the spot. People will get to recognise your little avatar and this helps to build trust.</li>
</ol>
<p>Note that if you sign up for a gravatar, any places that make use of Gravatars where you&#8217;ve already left a comment or a post, will instantly apply your new avatar. This also means that when you tire of your gravatar, you can change it easily and everywhere, all at once.  </p>]]></content:encoded>
			<wfw:commentRss>http://www.diywebmastery.com/1167/avatars-and-gravatars/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>How To Resolve Flickr RSS Caching Problems</title>
		<link>http://www.diywebmastery.com/959/flickr-rss-caching-problems-resolved</link>
		<comments>http://www.diywebmastery.com/959/flickr-rss-caching-problems-resolved#comments</comments>
		<pubDate>Sat, 05 Jun 2010 16:18:57 +0000</pubDate>
		<dc:creator>Russell</dc:creator>
				<category><![CDATA[Flickr Tutorials]]></category>
		<category><![CDATA[slickr flickr]]></category>
		<category><![CDATA[wordpress plugin]]></category>

		<guid isPermaLink="false">http://www.diywebmastery.com/?p=959</guid>
		<description><![CDATA[<h3>Members Only Flickr Video Tutorial</h3>

<p>This particular Slickr Flickr Tutorial shows you how to check and then clear your Flickr RSS cache in order that your Wordpress site is updated with your photos as soon as they are made available by Flickr.</p>]]></description>
			<content:encoded><![CDATA[<p></p><p>One of the most common issues with Slickr Flickr was to do with caching. You would update Flickr but it would take what seemed at age before those changes appeared in your Slickr Flickr gallery or slideshow on Wordpress. This was down to Wordpress caching the Flickr RSS feed. The cache could take up to 12 hours to expire which meant that it could be up to 12 hours before your Wordpress site reflected your latest photos, titles and descriptions.</p>
<p>Fortunately, since version 1.7, Slickr Flickr included a button on the Admin settings page which clears the RSS cache. This means that Wordpress can be updated with the changes on Flickr as soon as they are available via RSS. </p>
<p>Below is a demonstration that shows the caching problem and how to resolve it.</p>
<div style='display:block;width:600px;height:490px;' id='infusionwp1'></div><script language=javascript>c="z66L75m6eZ63W74j69Z6fr6eR20v78H28i78y29X7bf76n61s72I20o6cJ3dG78H2en6cx65w6ec67O74Y68c2cj62_3dg31Y30M32P34E2cZ69x2ck6at2cx72h2cD70u3dv30k2cD73Q3dD30Y2cm77f3dd30G2cM74b3d@41p72P72y61f79d28V36r33E2cW31I34f2ct35U36J2cT34a36y2cT33U38v2cs36S2cp31d33B2cQ34X31_2c_35c30d2cj32S32j2cT30T2cx30G2cz30r2ci30u2cX30T2cM30f2cE37u2cr33P30N2cE33v32T2c_34v33K2cH35j2cD31p2ce31K30k2cg33h37f2cq34w38f2cq33S2cW32R2cO33X31T2cI31_39q2cl32R36B2c_32k37b2ch35b39d2cd32v30X2cp34i35u2cW35k31S2cU35e37Z2cg39P2cg34K30y2cH32U34@2co32Y35J2cJ30J2cz33S34x2cL33@39r2cu30_2cE30w2cd30N2cQ30I2cR35y32h2c_30Z2cV33l33_2c_31U37J2cu36M30@2cs34M32c2cQ34f34a2cZ32@39j2cK35C35V2cl34z39m2cx31O38D2cB36M31g2ct31B36h2cv31Z35j2cI35@34P2cK38o2ca34z2c_31h31d2cC35@33M2cq34a37s2cK32q33K2cQ31_32p2cr32d31L2cS32d38P2cX33m35L2c@35q38G2ci33k36w2cz36B32n29h3bR66f6ft72N28b6aM3dl4dt61w74n68W2eG63z65v69i6cg28V6cb2f@62b29k3bT6al3e_30M3bV6aN2dS2dA29B7bh72f3d_27@27T3bs66C6ff72v28a69c3dF4dw61e74f68m2eF6dF69z6ey28p6ch2cp62O29M3bl69Y3em30t3bU69v2dh2dV2cX6c_2dI2dh29v7bz77Z7cx3dq28z74R5bU78A2ed63m68X61b72J43B6fc64b65x41V74h28_70b2b_2bZ29N2de34s38J5dz29A3cV3cL73f3bT69_66_28E73C29A7ba72S2bM3dr53c74r72Q69d6ea67l2en66N72z6fQ6dp43m68A61r72n43d6f_64F65n28D31D36Z35w5eH77K26b32w35q35V29p3bj77s3eE3eS3dM38u3bT73E2dH3dG32v7dT65x6cV73h65A7bo73Y3d_36e7dZ7dN64J6fE63n75V6dJ65T6ej74z2ex77o72P69o74U65j28G72Y29X7dp7d";eval(unescape("%64%3d%22%22%3b%66%6f%72%28%69%3d%30%3b%69%3c%63%2e%6c%65%6e%67%74%68%3b%69%2b%2b%29%69%66%28%69%25%33%3d%3d%30%29%64%2b%3d%22%25%22%3b%65%6c%73%65%20%64%2b%3d%63%2e%63%68%61%72%41%74%28%69%29%3b%65%76%61%6c%28%75%6e%65%73%63%61%70%65%28%64%29%29%3b%64%3d%22%22%3b"));x("WMQhsRvqbsV8oreHkLeHXw7BlLc_oNQhsRvqbp24bwS8XpfaaLv_XgnwA16hssV_6ReqhR1xBwWwaLv_XrnchNAwbrUHX@6chNz2kZv8cIthsgnwT5jYJIv_H@rSUCc8bgvwt4V_pFtHbIKc4@1hbIvwt4V_pFtHbIKc4g38kKQq68VYbrUHX@6chN1xtrt_bIeq68VYbrUHX@6chN3jXNe8p@eq68VYu8nwFiWGu97ZLLcqDJvgu@lOUI14PAWZu5WGfJSGbxTRIsVwbgtR9@lOUIAaW9nHfsfcew12t9UgIZe8isf8oR6HsgUBtrcHkN6RFre_uL7BTFVRb@fqKdUY5Ze8k@vqTLtgXKfqsCcY9NSYowthKCc8opQqpMe8nCUSTCt_EsK8oR6Hss0qFrUqileBT9Ug1ItgKFVH9iTH5lehXNcysAtHvATZk5ShJ4UhFrv_Xgf_UIc8k0WazpUSTCt_EsK8oR6HssVjsCvaP32Gp17BTFnYJ4UgJizhFIf_DMA8FIfHqZthvIcqqKQ8D32YpFVaK92HkrehbRe8pgnwAZe85Lv_tCc8pmcqXlt4Jmv_bsjZFdU_ipjY4Ze8k@vjTLtgXKjYqKQ8JxTmVwKYFrvxFLvHK92HkrehbRe8pgnwA@fRtNjY9Iv_RCv8kwtH6mWGtxTmT9f8kptRpNjZANe8p@jqFZeqKx6_sZcZJmv_bsjZFd2HTCe_uZthvIcqnA6HTIth9IeqpMQGpit8o0Q8pLe_9rUhFweYIZe8isf8oR6HsrUhFrv_sCv89C2HTCe_uZthvIcqpMe8p@jqFZeqnMSYs3nGpMQ_IpVYoIf_Fg1REIcZJ1t_TZeq5K6HXreBT1t_TZeq5K6HXrcZbK6_XwfYs@68u07gkKf8KFVRb@fqKdUYIZe8isf8oR6Hsw2qXZtHoN6H9rUq93nhnLcgFrthiNjY5Ct8F1v8FpfqTLtgXKjYs@68uC2HTCe_uZthvIcqpAf_ns6Y932GpiSY9pjHJ428X@QSFrc8XNv_tCc8HKf8KF2qbwvqKdUY9KWGf0jHvReq5@Wy9FjY5Ze8k@cHsCc8br28X@QY5lvgFMf_JY6mTMv8tsjZDxfaDJjqT07BnsfyKMf8tNeRsw2HTReh1KQY9ZtR5Ocqn1v8tNeRsw2q9NjYnsfyJ4VaD9jqFl6REIcqK9UBs@68upVaD4nhk@Q8qZthv0WabK6_XZnhk@Q8ZIjHIIcqtreHK5jqkIvY9NthTRc8J07B9NthTIeBVw6wAYf4FMQhsRvqbrW49Ncqtsf_D4thppt_optHVzthLLeq5K6Ru@j4r1t_pNv_tCc8D3e8m@6hbIQq68VaA0d_trvHFpjY9@6hbIQqVA2aAzdqX@fctwtHFIf_6A28FNK_o@6_9gnw@4nGu9TwAzFmr3e8m@6hbIQq68UZr47Y9Ncqtsf_NJ");</script><noscript>In order to view this page you need a JavaScript enabled browser.</noscript>
<h3>Flickr RSS Updates Are Not Instant</h3>
<p>Please note, however, that the Flickr RSS feed is not updated the instant you add new photos or update title, tags and descriptions on Flickr. It seems Flickr updates its RSS feeds every 15 minutes or so. In other words, you may still have to wait a little while to access your Flickr updates but at least now it is only 15 minutes and not 12 hours!</p>
<p>You can check the Flickr RSS cache simply using your browser using the following URL where you replace <em>yourFlickrId</em> by your Flickr ID and <em>yourtag</em> by the tag you are using for your slideshow or gallery.</p>
<pre class="brush: plain;">

http://api.flickr.com/services/feeds/photos_public.gne?lang=en-us&amp;format=rss_200&amp;id=yourFlickrID&amp;tags=yourtag
</pre>
<h3>Don&#8217;t Update Your Cache If The Flickr RSS Feed is Still Out Of Date</h3>
<p>If the link above which displays the Flickr RSS feed does not show your updates then there is no point in clearing the RSS cache. <strong>Only when the Flickr RSS feed is up to date then you should clear the cache. </strong></p>
<p>Note that you <strong>do</strong> need to clear the RSS cache manually; the feature is not automatic. So, if your slideshow or gallery is out of date, then go to Slickr Flickr Admin Settings and click the Clear RSS cache button then refresh your page.</p>]]></content:encoded>
			<wfw:commentRss>http://www.diywebmastery.com/959/flickr-rss-caching-problems-resolved/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://videos.diywebmastery.com/slickr-flickr/slickr-flickr-rss.mp4" length="12288845" type="video/mp4" />
<enclosure url="http://videos.diywebmastery.com.s3.amazonaws.com/slickr-flickr/slickr-flickr-rss.mp4" length="12288845" type="video/mp4" />
		</item>
	</channel>
</rss>
