<?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>IT 21 inc.</title>
	<atom:link href="http://www.it21inc.info/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.it21inc.info/blog</link>
	<description>Blogs about web technologies</description>
	<lastBuildDate>Sun, 08 Apr 2012 18:45:33 +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>New version release for Normal Distribution Calculator 1.2</title>
		<link>http://www.it21inc.info/blog/free-android-apps/new-version-release-for-normal-distribution-calculator-1-2/</link>
		<comments>http://www.it21inc.info/blog/free-android-apps/new-version-release-for-normal-distribution-calculator-1-2/#comments</comments>
		<pubDate>Sun, 08 Apr 2012 18:45:33 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Free Android apps]]></category>

		<guid isPermaLink="false">http://www.it21inc.info/blog/?p=287</guid>
		<description><![CDATA[It is our pleasure to announce that we have just released a new version of one of our Android applications &#8211; Normal Distribution Calculator version 1.2. This calculator allows statisticians, business intelligent specialist or statistics students to calculate probabilities and odds of any decisions to be made. In this version we add French interface to [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Normal Distribution Calculator" src="https://chart.googleapis.com/chart?cht=qr&amp;chs=200x200&amp;chl=https://play.google.com/store/apps/details?id=com.it21inc.normdistribution" alt="Normal Distribution Calculator - Android app - version 1.2" width="160" height="160" />It is our pleasure to announce that we have just released a new version of one of our Android applications &#8211; Normal Distribution Calculator version 1.2. This calculator allows statisticians, business intelligent specialist or statistics students to calculate probabilities and odds of any decisions to be made.<br />
In this version we add French interface to our application.</p>
<p><a href="http://www.it21inc.info/blog/wp-content/uploads/2012/04/example-french.png"><img class="aligncenter size-full wp-image-289" title="UI in French language" src="http://www.it21inc.info/blog/wp-content/uploads/2012/04/example-french.png" alt="UI in French language" width="130" height="189" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/free-android-apps/new-version-release-for-normal-distribution-calculator-1-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Software Testing &#8211; DYI</title>
		<link>http://www.it21inc.info/blog/website-diy/software-testing-dyi/</link>
		<comments>http://www.it21inc.info/blog/website-diy/software-testing-dyi/#comments</comments>
		<pubDate>Tue, 28 Feb 2012 17:12:32 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Website DIY]]></category>

		<guid isPermaLink="false">http://www.it21inc.info/blog/?p=273</guid>
		<description><![CDATA[Several of our customers are technically savvy. After we deliver a web-based system, their employees will handle most of the perfective and adaptive maintenance of the system. Testing enhancements of a system can be quite important. For these customers, we recommend a testing tutorial from guru99.com. If you also have a need to understand software [...]]]></description>
			<content:encoded><![CDATA[<p>Several of our customers are technically savvy. After we deliver a web-based system, their employees will handle most of the perfective and adaptive maintenance of the system. Testing enhancements of a system can be quite important. For these customers, we recommend a testing tutorial from guru99.com.<br/><a href="http://www.guru99.com/software-testing.html"><img align="right" title="Software Testing Tutorial from Guru99.com" src="http://www.guru99.com/templates/js_jamba/images/style2/logo.png" alt="Software Testing Tutorial from Guru99.com" width="180" height="52" /></a><br />
If you also have a need to understand software testing, please visit<br />
<a title="Software Testing Tutorial from guru99.com" href="http://www.guru99.com/software-testing.html" target="_blank">http://www.guru99.com/software-testing.html</a></p>
<p>If you develop software/website with Scrum method, please read <a title="Scrum in Testing by Bob Galen" href="http://www.rgalen.com/t_files/ScrumInTesting.pdf" target="_blank">Scrum In Testing by Bob Galen.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-diy/software-testing-dyi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Go Green with CD emulation software</title>
		<link>http://www.it21inc.info/blog/free-software-tools/go-green-with-cd-emulation-software/</link>
		<comments>http://www.it21inc.info/blog/free-software-tools/go-green-with-cd-emulation-software/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 18:02:07 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Free Software Tools]]></category>

		<guid isPermaLink="false">http://www.it21inc.info/blog/?p=254</guid>
		<description><![CDATA[I found virtual CD emulation software useful because I can avoid using blank CDs for ISO images that I download. For testing purposes, I frequently need to download many ISO images. Recently I had to download Microsoft Visio from MSDN Academic Alliance. And I also download Linux ISO images as well frequently. With CD emulation [...]]]></description>
			<content:encoded><![CDATA[<p>I found virtual CD emulation software useful because I can avoid using blank CDs for ISO images that I download.</p>
<p>For testing purposes, I frequently need to download many ISO images. Recently I had to download Microsoft Visio from MSDN Academic Alliance. And I also download Linux ISO images as well frequently.</p>
<p>With CD emulation software, I can create a virtual CD drive and avo<a href="http://www.it21inc.info/blog/wp-content/uploads/2012/01/winCDemu.png"><img class="alignright  wp-image-256" title="winCDemu" src="http://www.it21inc.info/blog/wp-content/uploads/2012/01/winCDemu-300x249.png" alt="" width="300" height="249" /></a>id using a blank CD.</p>
<p>There are several free CD emulation software programs that you can download from download.com. They are not open source program, just free programs.</p>
<p>I tried to use virtual CD program in the past but found it is not user friendly. Recently I downloaded and installed WinCDemu program and found it useful for my work.</p>
<p>It is quite easy to use this software program. <a title="WinCDemu" href="http://download.cnet.com/WinCDEmu/3000-20432_4-10971940.html?tag=mncol;1">You can download the software program at download.com.</a> Once the program is installed, one can right click at the ISO image to see the shortcut menu. Then, choose “Select drive letter &amp; mount&#8221;.</p>
<p><a href="http://www.it21inc.info/blog/wp-content/uploads/2012/01/winCDemu1.png"><img class="aligncenter size-full wp-image-265" title="winCDemu1" src="http://www.it21inc.info/blog/wp-content/uploads/2012/01/winCDemu1.png" alt="UI of WinCDemu program" width="266" height="240" /></a>Once you click <strong>OK</strong>, you will see a CD drive of V: in your My Computer.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/free-software-tools/go-green-with-cd-emulation-software/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Draw diagrams online free with diagram.ly</title>
		<link>http://www.it21inc.info/blog/website-development/draw-diagram-online-free-with-diagram-ly/</link>
		<comments>http://www.it21inc.info/blog/website-development/draw-diagram-online-free-with-diagram-ly/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 19:24:29 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Graphics Tips]]></category>
		<category><![CDATA[Website development]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[diagram drawing tool]]></category>
		<category><![CDATA[flowchart]]></category>
		<category><![CDATA[Graphic tips]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[Website graphics]]></category>

		<guid isPermaLink="false">http://www.it21inc.info/blog/?p=241</guid>
		<description><![CDATA[Once in a while, we may need to create a diagram and publish it to our website. Diagram.ly can be a tool for this purpose. You can access this drawing tool at www.diagram.ly, and it is free.  You will see all drawing tool icons on the left side of the screen and the drawing canvas [...]]]></description>
			<content:encoded><![CDATA[<p>Once in a while, we may need to create a diagram and publish it to our website. Diagram.ly can be a tool for this purpose. You can access this drawing tool at <a title="Online drawing tool - diagram.ly" href="http://www.diagram.ly">www.diagram.ly</a>, and it is free.  You will see all drawing tool icons on the left side of the screen and the drawing canvas on the right. Using this free online drawing application is similar to any drawing programs like Paint.net, Dia diagram or Visio.</p>
<p>Below is a demo video clip.</p>
<p><iframe width="500" height="375" src="http://www.youtube.com/embed/tM-ejbxZPrU?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>The following image is the PNG image of the diagram created by the demo.</p>
<div id="attachment_242" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.it21inc.info/blog/wp-content/uploads/2011/11/car-loan-flowchart-v2.png"><img class="size-medium wp-image-242" title="car-loan-flowchart-created-by-diagram-ly" src="http://www.it21inc.info/blog/wp-content/uploads/2011/11/car-loan-flowchart-v2-300x267.png" alt="" width="300" height="267" /></a><p class="wp-caption-text">flowchart demo</p></div>
<h2>Links</h2>
<ul>
<li>Graphics for your web pages: <a title="Free clip art images from openclipart.org" href="http://www.it21inc.info/blog/graphics-tips/free-clip-art-images-from-openclipart-org/">free clip art images on openclipart.org</a></li>
</ul>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-development/draw-diagram-online-free-with-diagram-ly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free clip art images from openclipart.org</title>
		<link>http://www.it21inc.info/blog/graphics-tips/free-clip-art-images-from-openclipart-org/</link>
		<comments>http://www.it21inc.info/blog/graphics-tips/free-clip-art-images-from-openclipart-org/#comments</comments>
		<pubDate>Sun, 25 Sep 2011 17:03:49 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Graphics Tips]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[graphic diy]]></category>
		<category><![CDATA[icon]]></category>

		<guid isPermaLink="false">http://www.it21inc.info/blog/?p=222</guid>
		<description><![CDATA[If you need to create a favicon, or an icon you should consider using the Open Clip Art Library or openclipart.org. This collection has more than 10,000 images and from more than 500 artists. All images are in the public domain by its contributors. Images can be downloaded free in SVG or PNG format. Here [...]]]></description>
			<content:encoded><![CDATA[<p>If you need to create a favicon, or an icon you should consider using the Open Clip Art Library or openclipart.org. This collection has more than 10,000 images and from more than 500 artists. All images are in the public domain by its contributors. Images can be downloaded free in SVG or PNG format. Here are a few examples of the images in the library<br />
<img class="aligncenter" title="examples of images on openclipart.org" src="http://www.it21inc.info/blog/wp-content/uploads/2011/09/800px-Cliparts_examples.png" alt="examples of images on openclipart.org" width="240" height="180" /><br />
We have used several images to create our own icons for our free Android apps. Here are 2 samples of our icons:</p>
<p><a title="Sudoky by it21inc" href="https://market.android.com/details?id=com.it21inc.sudoku&amp;feature=search_result" target="_blank"><img class="aligncenter" src="http://www.it21inc.com/company-info/images/stories/icon-sudoku-game-175x175.png" alt="icon for sudoku game by IT21inc.com" width="150" height="150" /></a></p>
<p><a href="https://market.android.com/details?id=com.it21inc.famousquotes&amp;feature=more_from_developer"><img class="aligncenter" src="https://g1.gstatic.com/android/market/com.it21inc.famousquotes/hi-124-5" alt="quote by famous people - it21inc.com" width="150" height="150" /></a></p>
<h3>Useful links:</h3>
<ul>
<li>About <a title="Open Clip Art Library" href="http://en.wikipedia.org/wiki/Open_Clipart_Library" target="_blank">Open Clip Art Library on wikipedia.com</a></li>
<li><a title="Open Clip Art Library website" href="http://www.openclipart.org/" target="_blank">Openclipart.org</a></li>
<li><a title="How to create a favicon" href="http://www.it21inc.info/blog/website-development/how-to-create-a-favicon/" target="_blank">How to create a favicon</a></li>
</ul>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/graphics-tips/free-clip-art-images-from-openclipart-org/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to create QR code images</title>
		<link>http://www.it21inc.info/blog/website-development/how-to-create-qr-code-images/</link>
		<comments>http://www.it21inc.info/blog/website-development/how-to-create-qr-code-images/#comments</comments>
		<pubDate>Mon, 29 Aug 2011 15:30:42 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Graphics Tips]]></category>
		<category><![CDATA[Website development]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[mobile websites]]></category>
		<category><![CDATA[QR Code image]]></category>
		<category><![CDATA[Website graphics]]></category>

		<guid isPermaLink="false">http://it21inc.info/blog/?p=201</guid>
		<description><![CDATA[A QR code is a modern bar code. It can store information in 2 dimensions which is better that the tradition bar codes. A QR code can store text, URL or other data. One of the reasons that QR codes became more popular lately is due to the growing number of smartphones. Smartphone users can [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="QR code image of IT21inc.com" src="https://chart.googleapis.com/chart?cht=qr&amp;chs=150x150&amp;chl=http://www.it21inc.com%20" alt="" width="150" height="150" />A QR code is a modern bar code. It can store information in 2 dimensions which is better that the tradition bar codes. A QR code can store text, URL or other data.</p>
<p>One of the reasons that QR codes became more popular lately is due to the growing number of smartphones. Smartphone users can downloaded free QR code scanner apps for their phones. These scanner apps make browsing a web page very convenient. Smartphone users can scan the QR code of a URL and avoid typing the URL of that web page. Typing a long URL on a smart phone can be an unpleasant experience.</p>
<p>The image above is an example of the QR code of our corporate website, it21inc.com.</p>
<p>There are several tools you can use to create QR code image. My favorite one is Google Chart Tools: Infographics. You can get the image of a QR code generated on the fly by this Google API.</p>
<p>Here is the URL of the QR code image of it21inc.com, to get Google Chart to generate the image:</p>
<p>https://chart.googleapis.com/chart?cht=qr&#038;chs=150&#215;150&#038;chl=http://www.it21inc.com</p>
<p>There are three parts in this image’s URL</p>
<ul>
<li>First part: ask Google chart to draw QR code image <em><em>https://chart.googleapis.com/chart?cht=qr</em></em></li>
<li>Second part:  specify the size of the image, (150&#215;150 in this example)<br />
<em><em>&amp;chs=150&#215;150</em></em></li>
<li>Third part: specify the content to be store in this image; (in this example, it is http://www.it21inc.com ) <em><em>&amp;chl=http://www.it21inc.com</em></em></li>
<li>These three parts are required. Other parts can be added relate to error correction and output encoding</li>
</ul>
<p>Please read more about the syntax at<a title="Syntax for QR Code at Google Infographics" href="http://code.google.com/apis/chart/infographics/docs/qr_codes.html#overview"> http://code.google.com/apis/chart/infographics/docs/qr_codes.html#overview</a></p>
<h2>Suggested links to read about QR code</h2>
<ul>
<li>Wikipedia: <a title="Wikipedia QR Code article" href="http://en.wikipedia.org/wiki/QR_code">http://en.wikipedia.org/wiki/QR_code</a></li>
<li>Denso-Wave: the trademark holder of QR code: <a title="Denso Wave" href="http://www.denso-wave.com/qrcode/index-e.html">http://www.denso-wave.com/qrcode/index-e.html</a></li>
<li>Google search about QR code generator: <a title="Google search results of QR code generator" href="http://www.google.com/search?q=qu+code+generator&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t">http://www.google.com/search?q=qu+code+generator&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t</a></li>
<li>QR code readers for smartphones: <a title="QR coder readers for smartphones" href="http://www.708media.com/qrcode/qr-code-readers-iphone-android-blackberry-windows-phone-7/">http://www.708media.com/qrcode/qr-code-readers-iphone-android-blackberry-windows-phone-7/</a></li>
</ul>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-development/how-to-create-qr-code-images/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to insert an external photo to your WordPress blog</title>
		<link>http://www.it21inc.info/blog/website-development/how-to-insert-an-external-photo-to-your-wordpress-blog/</link>
		<comments>http://www.it21inc.info/blog/website-development/how-to-insert-an-external-photo-to-your-wordpress-blog/#comments</comments>
		<pubDate>Mon, 15 Aug 2011 01:25:36 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Website development]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[WordPress for beginners]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://it21inc.info/blog/?p=186</guid>
		<description><![CDATA[Some of our blog visitors are visual people and having a photo or 2 in our blogs can make the blogs more exciting to these visitors. In many instances, we can use a photo that is on another website. The steps to insert an image from an URL are as follows: Step 1: Locate the [...]]]></description>
			<content:encoded><![CDATA[<p>Some of our blog visitors are visual people and having a photo or 2 in our blogs can make the blogs more exciting to these visitors.<br />
<a href="http://it21inc.info/blog/wp-content/uploads/2011/08/add-an-image.png"><img class="aligncenter size-full wp-image-195" title="Add an image in WordPress" src="http://it21inc.info/blog/wp-content/uploads/2011/08/add-an-image-e1313365972876.png" alt="Add an Image" style="width:400px;height:105px;"/></a><br />
In many instances, we can use a photo that is on another website. The steps to insert an image from an URL are as follows:</p>
<p>Step 1: Locate the URL of the photo image</p>
<ul>
<li>Place the mouse at the photo image and</li>
<li>click the right button of the mouse to access the short-cut menu.</li>
<li>Select View Image option to see the image and URL of the image.</li>
</ul>
<p>Step 2: login and go to Edit Post screen.</p>
<p>Step 3- Add the external photo:</p>
<ul>
<li>Place the cursor to the location in the blog that we want to insert and then</li>
<li>click Add an Image.</li>
<li>Click “From URL” menu.</li>
<li>Now, we can add the URL of the external photo, a title and the correct alignment.</li>
<li>Click Insert to Post to complete the adding.</li>
</ul>
<p>Step 4 &#8211; View the post to verify that the photo is displayed.</p>
<p>Here is the video of how to add an external photo to a blog</p>
<p><iframe width="500" height="375" src="http://www.youtube.com/embed/9OtIRpv2dlM?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-development/how-to-insert-an-external-photo-to-your-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use Google Web Fonts on a WordPress site</title>
		<link>http://www.it21inc.info/blog/website-development/use-google-web-fonts-on-a-wordpress-site/</link>
		<comments>http://www.it21inc.info/blog/website-development/use-google-web-fonts-on-a-wordpress-site/#comments</comments>
		<pubDate>Thu, 11 Aug 2011 13:10:42 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Website development]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[WordPress for beginners]]></category>
		<category><![CDATA[Google Web fonts]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://it21inc.info/blog/?p=178</guid>
		<description><![CDATA[In our last blog, we show how Google Web Fonts can be used on a Joomla website. This blog will show how to use Google web fonts through WP Google Web Fonts plugin. There are 4 simple steps Step 1: Login as an admin Step 2: Install WP Google Fonts through plugins menu Step 3: [...]]]></description>
			<content:encoded><![CDATA[<p>In our last blog, we show how <a title="Use Google Web Fonts on your Joomla website" href="http://it21inc.info/blog/website-development/use-google-web-fonts-on-your-joomla-website/">Google Web Fonts can be used on a Joomla website.</a> This blog will show how to use Google web fonts through WP Google Web Fonts plugin.</p>
<p>There are 4 simple steps</p>
<ul>
<li>Step 1: Login as an admin</li>
<li>Step 2: Install <strong>WP Google Fonts</strong> through <strong>plugins</strong> menu</li>
<li>Step 3: Select font(s) and tag(s) using settings</li>
<li>Step 4: verify the font on the web pages</li>
</ul>
<p>The below video will show these 4 steps. One caution is that you should use only 1 or 2 web fonts. Using too many web fonts may hurt your website speed.</p>
<p><iframe width="500" height="375" src="http://www.youtube.com/embed/jLTcXu3SYBM?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><strong>Links:</strong></p>
<ul>
<li>Google font API: <a title="Google web fonts" href="http://code.google.com/apis/webfonts/">http://code.google.com/apis/webfonts/</a></li>
<li>Google Web Fonts Libary: <a title="Google Web Fonts Library" href="http://www.google.com/webfonts#ChoosePlace:select">http://www.google.com/webfonts#ChoosePlace:select</a></li>
<li><a title="Use Google Web Fonts on your Joomla website" href="http://it21inc.info/blog/website-development/use-google-web-fonts-on-your-joomla-website/">Use Google Web Fonts on a Joomla website</a></li>
</ul>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-development/use-google-web-fonts-on-a-wordpress-site/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Use Google Web Fonts on your Joomla website</title>
		<link>http://www.it21inc.info/blog/website-development/use-google-web-fonts-on-your-joomla-website/</link>
		<comments>http://www.it21inc.info/blog/website-development/use-google-web-fonts-on-your-joomla-website/#comments</comments>
		<pubDate>Sun, 07 Aug 2011 23:19:45 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Joomla for beginners]]></category>
		<category><![CDATA[Website development]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[Google Web fonts]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://it21inc.info/blog/?p=154</guid>
		<description><![CDATA[If you are tired of using safe web fonts, Google web fonts might be a solution for you. Google web fonts are a project to ensure webmaster, designers and developers have free and easy access to a choice of rich, free, quality typography for their websites. There are more than 200 open source fonts that [...]]]></description>
			<content:encoded><![CDATA[<p>If you are tired of using safe web fonts, Google web fonts might be a solution for you. Google web fonts are</p>
<p style="padding-left: 30px;"><em>a project to ensure webmaster, designers and developers have free and easy access to a choice of rich, free, quality typography for their websites.</em></p>
<p>There are more than 200 open source fonts that you can choose for your website. Below image shows some of the Google web fonts. You can use these high quality web fonts through Google font API.<a href="http://it21inc.info/blog/wp-content/uploads/2011/08/google-web-fonts-examples.png"><img class="aligncenter size-full wp-image-169" title="google-web-fonts-examples" src="http://it21inc.info/blog/wp-content/uploads/2011/08/google-web-fonts-examples.png" alt="Examples of Google web fonts" width="450" height="134" /></a><br />
There are no coding necessary when Google font API is used. You only have to add a special stylesheet link to your HTML document and then refer to the font in a CSS style.</p>
<p>Instruction for Google Font API can be found at <a title="Google Font API" href="http://code.google.com/apis/webfonts/">http://code.google.com/apis/webfonts/</a></p>
<p>If you have a <strong>Joomla</strong> website, there are a few extensions that you can choose to use Google web fonts. We use HD-Gfonts plugin for our site. Here is a video about how to install and configure the plugin to use Google web fonts.</p>
<p><iframe width="500" height="375" src="http://www.youtube.com/embed/UI0rYVpA7yc?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Basically there are 4 steps:</p>
<ul>
<li>Step 1: download HD-Gfonts at <a title="HD-Gfonts" href="http://www.hyde-design.co.uk/free-joomla-extensions/gfonts">http://www.hyde-design.co.uk/free-joomla-extensions/gfonts</a></li>
<li>Step 2: Install the plugin using Extension Manager</li>
<li>Step 3: Use Plugin Manager to configure and enable the HD-Gfonts plugin</li>
<li>Step 4: Verify the fonts working on web pages</li>
</ul>
<p>One caution is that you should use one web font or two. Using too many web fonts can hurt the performance of your pages. <a title="Use Google Web Fonts on a WordPress site" href="http://it21inc.info/blog/website-development/use-google-web-fonts-on-a-wordpress-site/">Click to read how to use Google web fonts on WordPress site</a></p>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-development/use-google-web-fonts-on-your-joomla-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Reducing spam to your WordPress site with reCAPTCHA</title>
		<link>http://www.it21inc.info/blog/website-development/reducing-spam-to-your-wordpress-site-with-recaptcha/</link>
		<comments>http://www.it21inc.info/blog/website-development/reducing-spam-to-your-wordpress-site-with-recaptcha/#comments</comments>
		<pubDate>Sat, 23 Jul 2011 16:41:50 +0000</pubDate>
		<dc:creator>hubert</dc:creator>
				<category><![CDATA[Website development]]></category>
		<category><![CDATA[Website DIY]]></category>
		<category><![CDATA[Anti-spam]]></category>
		<category><![CDATA[ReCaptcha]]></category>

		<guid isPermaLink="false">http://it21inc.info/blog/?p=142</guid>
		<description><![CDATA[If your WordPress website is flooded with spam comments, you should consider using reCAPTCHA plugin to reduce this problem. In a nutshell, reCAPTCHA prevent spamming software to post spam messages to your comment forms or contact forms. Wikipedia has 2 good articles about reCAPTCHA and CAPTCHA. The to do steps are as follows: Register at [...]]]></description>
			<content:encoded><![CDATA[<p>If your WordPress website is flooded with spam comments, you should consider using reCAPTCHA plugin to reduce this problem.<br />
In a nutshell, reCAPTCHA prevent spamming software to post spam messages to your comment forms or contact forms. Wikipedia has 2 good articles about <a title="ReCAPTCHA info on wikipedia" href="http://en.wikipedia.org/wiki/ReCAPTCHA">reCAPTCHA</a> and <a title="ReCAPTCHA info on wikipedia" href="http://en.wikipedia.org/wiki/CAPTCHA">CAPTCHA</a>.</p>
<p>The to do steps are as follows:</p>
<ul>
<li>Register at <a href="http://www.google.com/recaptcha">http://www.google.com/recaptcha</a> and get a public key and a private key</li>
<li>Install  WP-reCAPTCHA plugin for your WordPress website</li>
<li>Add the public key and the private key to the reCAPTCHA Options</li>
<li>Verify the CAPTCHA on the comment area, (you need to logout as an admin).</li>
</ul>
<p>Please watch this video to see these steps:</p>
<p><object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/aec33a-694E?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aec33a-694E?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<table style="text-align: left; background-color: #eeeeee; width: 100%;" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td style="vertical-align: top;"><strong>About IT21inc<br />
</strong>We provide web design services, website development services and SEO services. Our company is more than 10 year old. <a title="About IT21inc" href="http://www.it21inc.com/company-info/aboutus.html">Read more about us.</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.it21inc.info/blog/website-development/reducing-spam-to-your-wordpress-site-with-recaptcha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.it21inc.info @ 2012-05-20 22:08:57 -->
