<?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>Office-it.orG &#187; Web Application</title>
	<atom:link href="http://www.office-it.org/category/web-application/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.office-it.org</link>
	<description>All about Web and Desktop Application</description>
	<lastBuildDate>Tue, 20 Jul 2010 23:38:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>20+ Useful WordPress Code</title>
		<link>http://www.office-it.org/20-useful-wordpress-code/</link>
		<comments>http://www.office-it.org/20-useful-wordpress-code/#comments</comments>
		<pubDate>Sun, 21 Dec 2008 05:45:36 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=215</guid>
		<description><![CDATA[Parse error: syntax error, unexpected T_STRING in /home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()&#8217;d code on line 103]]></description>
			<content:encoded><![CDATA[<p>
<b>Parse error</b>:  syntax error, unexpected T_STRING in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()&#8217;d code</b> on line <b>103</b></p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=215&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/20-useful-wordpress-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Hide Image Address</title>
		<link>http://www.office-it.org/how-to-hide-image-address/</link>
		<comments>http://www.office-it.org/how-to-hide-image-address/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 14:25:47 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=212</guid>
		<description><![CDATA[Here is a simple php code to hide the image address of our website. It can use to hide url of flash too. Warning: fopen(images/path/to/) [function.fopen]: failed to open stream: No such file or directory in /home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code on line 7 Warning: filesize() [function.filesize]: stat failed for images/path/to/ in /home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code [...]]]></description>
			<content:encoded><![CDATA[<p>Here is a simple php code to hide the image address of our website. It can use to hide url of flash too.</p>
<pre lang="php">

<b>Warning</b>:  fopen(images/path/to/) [<a href='function.fopen'>function.fopen</a>]: failed to open stream: No such file or directory in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code</b> on line <b>7</b>

<b>Warning</b>:  filesize() [<a href='function.filesize'>function.filesize</a>]: stat failed for images/path/to/ in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code</b> on line <b>7</b>

<b>Warning</b>:  fread(): supplied argument is not a valid stream resource in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code</b> on line <b>7</b>

<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/icreativem/domains/office-it.org/public_html/wp-includes/feed-rss2.php:11) in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code</b> on line <b>8</b>
</pre>
<p><span id="more-212"></span><br />
<h3>How to Use</h3>
<p>What you need to amend is to change the &#8220;images/path/to/&#8221; to your image path and &#8220;name&#8221; to image name.</p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=212&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/how-to-hide-image-address/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10+ New Beta Sites</title>
		<link>http://www.office-it.org/10-new-beta-site/</link>
		<comments>http://www.office-it.org/10-new-beta-site/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 01:00:09 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tools]]></category>
		<category><![CDATA[beta]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=165</guid>
		<description><![CDATA[Updated: 19 October 2008 We see new beta sites all the time, but are they any good? Here are some collection of new beta sites. Some of them provide free and useful web services. 1. http://www.sliderocket.com/ SlideRocket is a web application that provides everything you need to design professional quality presentations, manage and share libraries [...]]]></description>
			<content:encoded><![CDATA[<p><em>Updated: 19 October 2008</em></p>
<p>We see new beta sites all the time, but are they any good? Here are some collection of new beta sites. Some of them provide free and useful web services.</p>
<p>1. <a href="http://www.sliderocket.com/">http://www.sliderocket.com/</a><br />
<a href='http://www.sliderocket.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/sliderocket.jpg" alt="http://www.sliderocket.com/" title="sliderocket" width="450" height="300" class="alignnone size-full wp-image-172" /></a><br />
SlideRocket is a web application that provides everything you need to design professional quality presentations, manage and share libraries of slides and assets, and to deliver presentations in person or remotely over the web.</p>
<p><span id="more-165"></span>2. <a href="http://www.behance.net/">http://www.behance.net/</a><br />
<a href='http://www.behance.net/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/behance.jpg" alt="http://www.behance.net/" title="behance" width="450" height="300" class="alignnone size-full wp-image-167" /></a><br />
This site let us to build your portfolio, list your projects to share and collaborate with other artists.</p>
<p>3. <a href="http://www.popfly.com/">http://www.popfly.com/</a><br />
<a href='http://www.popfly.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/popfly.jpg" alt="http://www.popfly.com/" title="popfly" width="450" height="300" class="alignnone size-full wp-image-168" /></a><br />
Popfly is a tool from Microsoft for developing mashups, widgets and web pages using Silverlight.</p>
<p>4. <a href="http://www.sproutbuilder.com/">http://www.sproutbuilder.com/</a><br />
<a href='http://www.sproutbuilder.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/sprout.jpg" alt="http://www.sproutbuilder.com/" title="sprout" width="450" height="300" class="alignnone size-full wp-image-170" /></a><br />
Sprout is a browser based WYSIWYG editor which build by Flex. It facilitates the way to build, publish, and manage widgets, mini-sites, mashups, banners and more.</p>
<p>5. <a href="http://www.tryphone.com/">http://www.tryphone.com/</a><br />
<a href='http://www.tryphone.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/tryphone.jpg" alt="http://www.tryphone.com/" title="tryphone" width="450" height="300" class="alignnone size-full wp-image-169" /></a><br />
This is online mobile phone test-drive site. You can get a feeling for what the phone is like to use.</p>
<p>6. <a href="http://www.meemix.com/">http://www.meemix.com/</a><br />
<a href='http://www.meemix.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/meemix.jpg" alt="http://www.meemix.com/" title="meemix" width="450" height="300" class="alignnone size-full wp-image-166" /></a><br />
This is a site can let you to build a very personalised radio channel and interact with the community.</p>
<p>7. <a href="http://www.cushycms.com/">http://www.cushycms.com/</a><br />
<a href='http://www.cushycms.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/cushycms.jpg" alt="http://www.cushycms.com/" title="cushycms" width="450" height="300" class="alignnone size-full wp-image-173" /></a><br />
Cushycms is a free and truly simple CMS for web designers to let clients to safely edit their own web content without any programming skills required.</p>
<p>8. <a href="http://www.kaltura.com/">http://www.kaltura.com/</a><br />
<a href='http://www.kaltura.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/kaltura.jpg" alt="http://www.kaltura.com/" title="kaltura" width="450" height="300" class="alignnone size-full wp-image-171" /></a><br />
Kaltura is open source video platform which enables groups to create and edit video collaboratively.</p>
<p>9. <a href="http://www.dimdim.com/">http://www.dimdim.com/</a><br />
<a href='http://www.dimdim.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/dimdim.jpg" alt="http://www.dimdim.com/" title="dimdim" width="450" height="300" class="alignnone size-full wp-image-174" /></a><br />
Dimdim is the world’s free web meeting where you can share your desktop, show slides, collaborate, chat, talk and broadcast via webcam with absolutely no download required for attendees.</p>
<p>10. <a href="http://www.nuconomy.com/">http://www.nuconomy.com/</a><br />
<a href='http://www.nuconomy.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/nuconomy.jpg" alt="http://www.nuconomy.com/" title="nuconomy" width="450" height="300" class="alignnone size-full wp-image-175" /></a><br />
Another web analytics as Google Analytics. It let you understand your users&#8217; activities and how they interact with the various features of your site like never before.</p>
<p>11. <a href="http://www.skyfire.com/">http://www.skyfire.com/</a><br />
<a href="http://www.skyfire.com/"><img src="http://www.office-it.org/wp-content/uploads/2008/10/skyfire.jpg" alt="http://www.skyfire.com/" title="Skyfire" width="450" height="300" class="alignnone size-full wp-image-198" /></a><br />
Skyfire is a new mobile web browser that allows you to experience the internet on your phone exactly like on your computer. It is fast and support Flash and Ajax as well as QuickTime.</p>
<p>12. <a href="http://www.ping.fm/">http://www.ping.fm/</a><br />
<a href="http://www.ping.fm/"><img src="http://www.office-it.org/wp-content/uploads/2008/10/ping.jpg" alt="http://www.ping.fm/" title="Ping.fm" width="450" height="300" class="size-full wp-image-199" /></a><br />
Too many social networks? Use Ping to update WordPress, Twitter, Facebook, Friendster and many other supported services from whatever you are. <a href="http://www.ping.fm/">Ping.fm</a> is a simple service that makes updating your social networks a snap. Messanges can be sent via AIM, GTalk, iGoogle, Windows Live Messenger, Yahoo! Messenger, WAP, iPhone/iPod Touch, SMS or E-mail.</p>
<p>13. <a href="http://www.photrade.com/">http://www.photrade.com/</a><br />
<a href="http://www.photrade.com/"><img src="http://www.office-it.org/wp-content/uploads/2008/10/photrade.jpg" alt="http://www.photrade.com/" title="Photrade" width="450" height="300" class="alignnone size-full wp-image-200" /></a><br />
Photrade is great for sourcing free photos legally. It also let photographers to sell and licence their own pictures to make some money.</p>
<p>14. <a href="http://www.pluginmeter.com/">http://www.pluginmeter.com/</a><br />
<a href="http://www.pluginmeter.com/"><img src="http://www.office-it.org/wp-content/uploads/2008/10/pluginmeter.jpg" alt="" title="Pluginmeter" width="450" height="300" class="alignnone size-full wp-image-202" /></a><br />
If you are a wordpress blogger or just for some other reasons if you want to know which plugins are installed on your favorite wordpress blog then just go to Plugin Meter and you will see list of plugins installed on those blog.</p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=165&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/10-new-beta-site/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Free Web Invoices Generator: Black Sheep Invoices</title>
		<link>http://www.office-it.org/free-web-invoices-generator-black-sheep-invoices/</link>
		<comments>http://www.office-it.org/free-web-invoices-generator-black-sheep-invoices/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 14:03:35 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[Script]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=192</guid>
		<description><![CDATA[A nice script from Benjamin Keen &#8211; Black Sheep Invoices. With it, you can manage all your invoices directly on your web browser. You can try it through its live demo here before install in your server. Don&#8217;t worry about its pricing, it is absolutely free! Features GNU-licensed (i.e. free!) Simple to use. Quickly generates [...]]]></description>
			<content:encoded><![CDATA[<p>A nice script from <a href="http://www.benjaminkeen.com/">Benjamin Keen</a> &#8211; <a href="http://www.blacksheepsoft.com/invoices/">Black Sheep Invoices</a>. With it, you can manage all your invoices directly on your web browser.</p>
<p>You can try it through its live demo <a href="http://www.blacksheepsoft.com/invoices/index.php?page=demo">here</a> before install in your server. Don&#8217;t worry about its pricing, it is absolutely free!</p>
<p><a href="http://www.blacksheepsoft.com/invoices/"><img src="http://www.office-it.org/wp-content/uploads/2008/09/black_sheep_invoices.png" alt="" title="black_sheep_invoices" width="450" height="497" class="alignnone size-full wp-image-193" /></a></p>
<p><span id="more-192"></span><strong>Features</strong></p>
<ul>
<li>GNU-licensed (i.e. free!)</li>
<li>Simple to use. Quickly generates clear, attractive invoices</li>
<li>Printer-friendly and PDF view/print of all invoices</li>
<li>Entirely brandable to your company or person (no reference to Black Sheep Software)</li>
<li>Option to upload company logo</li>
<li>Database is customizable to store whatever invoice data you need</li>
<li>Choice of $ or £ currency</li>
<li>Stores client information to allow you to re-invoice the same client multiple times</li>
<li>May set custom invoice numbering scheme, specify whatever invoice date you wish</li>
<li>Build in &#8220;Flagging&#8221; mechanism to let you create invoices by matching up existing items to clients</li>
<li>May customize CSS to change the appearance of the invoices and PDFs</li>
</ul>
<p><strong>Download</strong><br />
<a href="http://www.blacksheepsoft.com/invoices/index.php?page=download&#038;download=1">Download the zipfile</a> (5.9MB)<br />
<a href="http://www.blacksheepsoft.com/invoices/index.php?page=download&#038;download=2">Download the tar file</a> (5.5MB)</p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=192&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/free-web-invoices-generator-black-sheep-invoices/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>dragtable: Visually reorder all your table columns</title>
		<link>http://www.office-it.org/dragtable-visually-reorder-all-your-table-columns/</link>
		<comments>http://www.office-it.org/dragtable-visually-reorder-all-your-table-columns/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 13:18:48 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[Script]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=188</guid>
		<description><![CDATA[Here is a amazing and beautiful script from Dan Vanderkam. We can just drag the column headings to rearrange the data in the table. Here is its URL for dragtable: http://www.danvk.org/wp/dragtable/]]></description>
			<content:encoded><![CDATA[<p>Here is a amazing and beautiful script from Dan Vanderkam. We can just drag the column headings to rearrange the data in the table.</p>
<p><a href="http://www.danvk.org/wp/dragtable/"><img src="http://www.office-it.org/wp-content/uploads/2008/09/dragtable.png" alt="" title="dragtable" width="382" height="160" class="alignnone size-full wp-image-189" /></a></p>
<p>Here is its URL for dragtable: <a href="http://www.danvk.org/wp/dragtable/">http://www.danvk.org/wp/dragtable/</a></p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=188&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/dragtable-visually-reorder-all-your-table-columns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Prevent Spam Bots From Collecting Email Addresses</title>
		<link>http://www.office-it.org/how-to-prevent-spam-bots-from-collecting-email-addresses/</link>
		<comments>http://www.office-it.org/how-to-prevent-spam-bots-from-collecting-email-addresses/#comments</comments>
		<pubDate>Mon, 23 Jun 2008 08:11:11 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Tools]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[encode]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=180</guid>
		<description><![CDATA[As I mentioned before in How to Include Subject, CC, BCC, and Email Body in Email Links, you are creating a risk to get spam if you simply placing email addresses on a page without encoding them. Some websites using &#8220;[at]&#8221; to replace &#8220;@&#8221; and email will look as &#8220;name [at] domain.com&#8221;. This is a [...]]]></description>
			<content:encoded><![CDATA[<p>As I mentioned before in <a href="http://www.office-it.org/how-to-include-subject-cc-bcc-and-email-body-in-email-links/">How to Include Subject, CC, BCC, and Email Body in Email Links</a>, you are creating a risk to get spam if you simply placing email addresses on a page without encoding them.</p>
<p>Some websites using &#8220;[at]&#8221; to replace &#8220;@&#8221; and email will look as &#8220;name [at] domain.com&#8221;. This is a good idea for personal websites since nobody challenge you. In commercial, many clients wouldn&#8217;t allow you to use &#8220;name [at] domain.com&#8221; this format. They are not web designer and they don&#8217;t understand how spam prevention works, or even care for that matter.</p>
<p>I have this method originally from <a href="http://davidwalsh.name/">david walsh blog</a>. Its author have a quick PHP script that you can use when putting raw email addresses on a page:</p>
<p><span id="more-180"></span>The Function</p>
<pre lang="text">
function encode_email($e)
{
	for ($i = 0; $i < strlen($e); $i++) { $output .= '&#'.ord($e[$i]).';'; }
	return $output;
}
</pre>
<p>Usage</p>
<pre lang="text">
echo(encode_email('email@office-it.org'));
</pre>
<p>The above function takes a string input (the email address), loops through each character replacing the letter with the character’s ASCII value, and returns the encoded email address. That’s all you need to do!</p>
<p>Another method (much simple) is found at <a href="http://www.solmetra.lt/scripts/mailto/">SOLMETRA</a>. It is a tiny JavaScript code which will encode email for you.</p>
<p><a href='http://www.solmetra.lt/scripts/mailto/'><img src="http://www.office-it.org/wp-content/uploads/2008/06/mailto-encoder.gif" alt="" title="mailto-encoder" width="480" height="278" class="alignnone size-full wp-image-181" /></a></p>
<p>The disadvantage for second method is if you have a page with hundreds of addresses, the page download will be bloated.</p>
<p>I am not guarantee methods above is bulletproof solution, but it is, at least, a basic protection.</p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=180&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/how-to-prevent-spam-bots-from-collecting-email-addresses/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Include Subject, CC, BCC, and Email Body in Email Links</title>
		<link>http://www.office-it.org/how-to-include-subject-cc-bcc-and-email-body-in-email-links/</link>
		<comments>http://www.office-it.org/how-to-include-subject-cc-bcc-and-email-body-in-email-links/#comments</comments>
		<pubDate>Sun, 22 Jun 2008 07:48:07 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[XHTML]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=179</guid>
		<description><![CDATA[It is so easy to create a email link in our web page. Everyone who know or even don&#8217;t know HTML, they can easily create an email link by software. Email Office-it.orG However, they are not always know that they can include subject, CC, BCC, and email body text information in the link as well. [...]]]></description>
			<content:encoded><![CDATA[<p>It is so easy to create a email link in our web page. Everyone who know or even don&#8217;t know HTML, they can easily create an email link by software.</p>
<pre lang="php">
<a href="mailto:email@office-it.org">Email Office-it.orG</a>
</pre>
<p>However, they are not always know that they can include subject, CC, BCC, and email body text information in the link as well. By using a querystring-like syntax, we can do more with that simple link.</p>
<p>Example code to add the subject:</p>
<pre lang="php">
<a href="mailto:email@office-it.org?Subject=Your Subject Here">
Email Office-it.orG
</a>
</pre>
<p>Example code to add the cc&#8217;s and bcc&#8217;s:</p>
<pre lang="php">
<a href="mailto:email@office-it.org?Subject=Your Subject Here&#038;CC=email2@office-it.org&#038;BCC=email3@office-it.org">
Email Office-it.orG
</a>
</pre>
<p><span id="more-179"></span>Example code to add some default body text</p>
<pre lang="php">
<a href="mailto:email@office-it.org?Subject=Your Subject Here&#038;CC=email2@office-it.org&#038;BCC=email3@office-it.org&#038;Body=Your body text here.">
Email Office-it.orG
</a>
</pre>
<p>Demo Email Link:<br />
<a href="mailto:email@office-it.org?Subject=Your Subject Here&#038;CC=email2@office-it.org&#038;BCC=email3@office-it.org&#038;Body=Your body text here.">Email Office-it.orG</a></p>
<p>However, you should remember that simply placing email addresses on a page without encoding them first is like simply emailing spammers your email address. <del datetime="2008-06-24T14:33:17+00:00">I will write some posts regarding email encoder soon.</del> Please refer here for <a href="http://www.office-it.org/how-to-prevent-spam-bots-from-collecting-email-addresses/">how to prevent spam bots from collecting email addresses</a>.</p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=179&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/how-to-include-subject-cc-bcc-and-email-body-in-email-links/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>16 Cool Web Design in Black Style</title>
		<link>http://www.office-it.org/16-cool-web-design-in-black-style/</link>
		<comments>http://www.office-it.org/16-cool-web-design-in-black-style/#comments</comments>
		<pubDate>Sat, 24 May 2008 16:39:50 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=148</guid>
		<description><![CDATA[Here is a list of 16 Cool Websites. You probably have heard of some of them, but if you’ve heard of all 16 of these cool websites, then consider yourself an internet fiend. 1. http://www.bjtlsy.com/ 2. http://www.reooo.com/ 3. http://www.hanciv.com/ 4. http://www.mavada.com/ 5. http://www.adboy.cn/ 6. http://www.abercrombie.com/ 7. http://www.omnitech-inc.com/ 8. http://dragoninteractive.com/ 9. http://www.pauljnoble.com/ 10. http://www.gozipline.com/ 11. http://www.maxhaus.com.br/ [...]]]></description>
			<content:encoded><![CDATA[<p>Here is a list of 16 Cool Websites. You probably have heard of some of them, but if you’ve heard of all 16 of these cool websites, then consider yourself an internet fiend. </p>
<p>1. <a href="http://www.bjtlsy.com/">http://www.bjtlsy.com/</a><br />
<a href='http://www.bjtlsy.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/bjtlsy.jpg" alt="http://www.bjtlsy.com/" width="450" height="325" class="alignnone size-full wp-image-149" /></a></p>
<p><span id="more-148"></span>2. <a href="http://www.reooo.com/">http://www.reooo.com/</a><br />
<a href='http://www.reooo.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/reooo.jpg" alt="" title="http://www.reooo.com/" width="450" height="325" class="alignnone size-full wp-image-150" /></a></p>
<p>3. <a href="http://www.hanciv.com/">http://www.hanciv.com/</a><br />
<a href='http://www.hanciv.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/hanciv.jpg" alt="" title="http://www.hanciv.com/" width="450" height="325" class="alignnone size-full wp-image-151" /></a></p>
<p>4. <a href="http://www.mavada.com/">http://www.mavada.com/</a><br />
<a href='http://www.mavada.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/mavada.jpg" alt="" title="http://www.mavada.com/" width="450" height="325" class="alignnone size-full wp-image-152" /></a></p>
<p>5. <a href="http://www.adboy.cn/">http://www.adboy.cn/</a><br />
<a href='http://www.adboy.cn/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/adboy.jpg" alt="" title="http://www.adboy.cn/" width="450" height="325" class="alignnone size-full wp-image-153" /></a></p>
<p>6. <a href="http://www.abercrombie.com/">http://www.abercrombie.com/</a><br />
<a href='http://www.abercrombie.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/abercrombie.jpg" alt="" title="http://www.abercrombie.com/" width="450" height="325" class="alignnone size-full wp-image-154" /></a></p>
<p>7. <a href="http://www.omnitech-inc.com/">http://www.omnitech-inc.com/</a><br />
<a href='http://www.omnitech-inc.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/omnitech-inc.jpg" alt="" title="http://www.omnitech-inc.com/" width="450" height="325" class="alignnone size-full wp-image-155" /></a></p>
<p>8. <a href="http://dragoninteractive.com/">http://dragoninteractive.com/</a><br />
<a href='http://dragoninteractive.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/dragoninteractive.jpg" alt="" title="http://dragoninteractive.com/" width="450" height="325" class="alignnone size-full wp-image-156" /></a></p>
<p>9. <a href="http://www.pauljnoble.com/">http://www.pauljnoble.com/</a><br />
<a href='http://www.pauljnoble.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/pauljnoble.jpg" alt="" title="http://www.pauljnoble.com/" width="450" height="325" class="alignnone size-full wp-image-157" /></a></p>
<p>10. <a href="http://www.gozipline.com/">http://www.gozipline.com/</a><br />
<a href='http://www.gozipline.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/gozipline.jpg" alt="" title="http://www.gozipline.com/" width="450" height="325" class="alignnone size-full wp-image-158" /></a></p>
<p>11. <a href="http://www.maxhaus.com.br/">http://www.maxhaus.com.br/</a><br />
<a href='http://www.maxhaus.com.br/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/maxhaus.jpg" alt="" title="http://www.maxhaus.com.br/" width="450" height="325" class="alignnone size-full wp-image-159" /></a></p>
<p>12. <a href="http://www.digitalic.org/">http://www.digitalic.org/</a><br />
<a href='http://www.digitalic.org/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/digitalic.jpg" alt="" title="http://www.digitalic.org/" width="450" height="325" class="alignnone size-full wp-image-160" /></a></p>
<p>13. <a href="http://www.thexpression.net/">http://www.thexpression.net/</a><br />
<a href='http://www.thexpression.net/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/thexpression.jpg" alt="" title="http://www.thexpression.net/" width="450" height="325" class="alignnone size-full wp-image-161" /></a></p>
<p>14. <a href="http://www.tioti.com/">http://www.tioti.com/</a><br />
<a href='http://www.tioti.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/tioti.jpg" alt="" title="http://www.tioti.com/" width="450" height="325" class="alignnone size-full wp-image-162" /></a></p>
<p>15. <a href="http://www.lancethackeray.com/">http://www.lancethackeray.com/</a><br />
<a href='http://www.lancethackeray.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/lancethackeray.jpg" alt="" title="http://www.lancethackeray.com/" width="450" height="325" class="alignnone size-full wp-image-163" /></a></p>
<p>16. <a href="http://www.jeremycowart.com/">http://www.jeremycowart.com/</a><br />
<a href='http://www.jeremycowart.com/'><img src="http://www.office-it.org/wp-content/uploads/2008/05/jeremycowart.jpg" alt="" title="http://www.jeremycowart.com/" width="450" height="325" class="alignnone size-full wp-image-164" /></a></p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=148&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/16-cool-web-design-in-black-style/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Permanent Redirect a Web Page</title>
		<link>http://www.office-it.org/how-to-permanent-redirect-a-web-page/</link>
		<comments>http://www.office-it.org/how-to-permanent-redirect-a-web-page/#comments</comments>
		<pubDate>Sun, 04 May 2008 06:44:54 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tools]]></category>
		<category><![CDATA[301 Redirect]]></category>
		<category><![CDATA[Permanent Redirect]]></category>
		<category><![CDATA[Search Engine]]></category>

		<guid isPermaLink="false">http://www.office-it.org/?p=143</guid>
		<description><![CDATA[Sometimes we&#8217;ve just redesigned some pages of our web site. The pages have high search engine rankings that we don&#8217;t want to lose. How can we safely redirect web site traffic from our old pages to the new pages without losing our rankings? We should set up a permanent redirect (technically called a &#8220;301 redirect&#8221;) [...]]]></description>
			<content:encoded><![CDATA[<p>Sometimes we&#8217;ve just redesigned some pages of our web site. The pages have high search engine rankings that we don&#8217;t want to lose. How can we safely redirect web site traffic from our old pages to the new pages without losing our rankings? </p>
<p>We should set up a permanent redirect (technically called a &#8220;301 redirect&#8221;) between these sites. Once we do that, we will get full search engine credit for our work on these sites. </p>
<p><span id="more-143"></span>301 redirect is useful too for search engines which may think, for example, www.office-it.org and office-it.org are two different sites. Let say, www.office-it.org seems to have 5 inbound links whereas office-it.org has 6 inbound links. By correctly configuring a permanent 301 redirect, the search rankings might improve as all inbound links are correctly counted for the website.</p>
<h2>What is 301 redirect?</h2>
<p>301 redirect is the best method to preserve our current search engine rankings when redirecting web pages or a web site. The code &#8220;301&#8243; is interpreted as &#8220;moved permanently&#8221;. If we have to change file names or move pages around, it&#8217;s the safest option.</p>
<p>Below are a couple of methods to implement URL Redirection.</p>
<p><strong>IIS Redirect</strong><br />
1. In internet services manager, right click on the file or folder we wish to redirect<br />
2. Select the radio titled &#8220;a redirection to a URL&#8221;<br />
3. Enter the redirection page<br />
4. Check &#8220;The exact url entered above&#8221; and the &#8220;A permanent redirection for this resource&#8221;<br />
5. Click on &#8216;Apply&#8217;</p>
<p><strong>ColdFusion Redirect</strong></p>
<pre lang="text">
<.cfheader statuscode="301" statustext="Moved permanently">
<.cfheader name="Location" value="http://www.new-url.com">
</pre>
<p><strong>PHP Redirect</strong></p>
<pre lang="text">

<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/icreativem/domains/office-it.org/public_html/wp-includes/feed-rss2.php:11) in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code</b> on line <b>29</b>

<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/icreativem/domains/office-it.org/public_html/wp-includes/feed-rss2.php:11) in <b>/home/icreativem/domains/office-it.org/public_html/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()'d code</b> on line <b>30</b>
</pre>
<p><strong>ASP Redirect</strong></p>
<pre lang="text">
<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www.new-url.com/"
%>
</pre>
<p><strong>ASP .NET Redirect</strong></p>
<pre lang="text">
<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script>
</pre>
<p><strong>JSP (Java) Redirect</strong></p>
<pre lang="text">
<%
response.setStatus(301);
response.setHeader( "Location", "http://www.new-url.com/" );
response.setHeader( "Connection", "close" );
%>
</pre>
<p><strong>CGI PERL Redirect</strong></p>
<pre lang="text">
$q = new CGI;
print $q->redirect("http://www.new-url.com/");
</pre>
<p><strong>Ruby on Rails Redirect</strong></p>
<pre lang="text">
def old_action
headers["Status"] = "301 Moved Permanently"
redirect_to "http://www.new-url.com/"
end
</pre>
<p><strong>Redirect Old domain to New domain (htaccess redirect)</strong></p>
<p>Create a .htaccess file with the below code, it will ensure that all directories and pages of our old domain will get correctly redirected to our new domain. The .htaccess file needs to be placed in the root directory of our old website (i.e the same directory where our index file is placed) </p>
<pre lang="text">
Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]
</pre>
<p>Please REPLACE www.newdomain.com in the above code with our actual domain name. </p>
<p>In addition to the redirect we would suggest that you contact every backlinking site to modify their backlink to point to your new website. </p>
<p>Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled. </p>
<p><strong>Redirect to www (htaccess redirect)</strong></p>
<p>Create a .htaccess file with the below code, it will ensure that all requests coming in to domain.com will get redirected to www.domain.com<br />
The .htaccess file needs to be placed in the root directory of our old website (i.e the same directory where our index file is placed) </p>
<pre lang="text">
Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc]
</pre>
<p>Please REPLACE domain.com and www.newdomain.com with our actual domain name. </p>
<p>Note* This .htaccess method of redirection works ONLY on Linux servers having the Apache Mod-Rewrite moduled enabled.</p>
<h2>Free Tool to Test</h2>
<p><a href="http://www.webconfs.com/redirect-check.php">Search Engine Friendly Redirect Checker</a> is the free web services to test redirection.</p>
<p><a href='http://www.webconfs.com/redirect-check.php'><img src="http://www.office-it.org/wp-content/uploads/2008/05/webconfs.gif" alt="Search Engine Friendly Redirect Checker" title="webconfs" width="253" height="81" class="alignnone size-full wp-image-144" /></a></p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=143&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/how-to-permanent-redirect-a-web-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convert PhotoShop Creations into Strict XHTML compliant CSS Web Pages</title>
		<link>http://www.office-it.org/convert-photoshop-creations-into-strict-xhtml-compliant-css-web-pages/</link>
		<comments>http://www.office-it.org/convert-photoshop-creations-into-strict-xhtml-compliant-css-web-pages/#comments</comments>
		<pubDate>Mon, 21 Apr 2008 15:48:02 +0000</pubDate>
		<dc:creator>Hii Hiong Ching</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[convert]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[strict]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://office-it.org/?p=142</guid>
		<description><![CDATA[Upload .psd designs, download .html file and images. It&#8217;s that simple to create CSS compliant webpages. Some web designers may not have fully knowledge to master CSS, and many of us are good enough with little bit of brushing and designing in PhotoShop. Now, I found a great website, PSD to CSS Online, which provide [...]]]></description>
			<content:encoded><![CDATA[<p>Upload .psd designs, download .html file and images. It&#8217;s that simple to create CSS compliant webpages.</p>
<p><a href='http://www.psd2cssonline.com/'><img src="http://office-it.org/wp-content/uploads/2008/04/psd2css_online.jpg" alt="psd2cssonline" title="psd2css_online" width="420" height="316" class="alignnone size-full wp-image-141" /></a></p>
<p>Some web designers may not have fully knowledge to master CSS, and many of us are good enough with little bit of brushing and designing in PhotoShop. Now, I found a great website, <a href="http://www.psd2cssonline.com/">PSD to CSS Online</a>, which provide free service to convert PhotoShop creations into CSS pages online.</p>
<p><span id="more-142"></span>Although this tool may not appeal to big shot designer because they know CSS. It will for sure useful for those who know PhotoShop but do not know CSS. Try it out for your very own unique webpage and even template!</p>
<p><a href="http://www.psd2cssonline.com/">http://www.psd2cssonline.com/</a></p>
<img src="http://www.office-it.org/?ak_action=api_record_view&id=142&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.office-it.org/convert-photoshop-creations-into-strict-xhtml-compliant-css-web-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

