<?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>Catzie.net Blog &#187; tutorial</title>
	<atom:link href="http://blog.catzie.net/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.catzie.net</link>
	<description>Programming, Networking, and other Downloads by Catzie</description>
	<lastBuildDate>Tue, 07 Feb 2012 15:19:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How to install a WHMCS Theme</title>
		<link>http://blog.catzie.net/how-to-install-a-whmcs-theme/</link>
		<comments>http://blog.catzie.net/how-to-install-a-whmcs-theme/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 07:17:18 +0000</pubDate>
		<dc:creator>Catzie</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[WHMCS]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[instruction]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.catzie.net/?p=1490</guid>
		<description><![CDATA[Today my task at work is to install a WHMCS Theme from whmcsthemes.com. WHMCS Themes has this theme installation instruction video, but I find it a bit difficult to follow cos I have to pause from time to time. So I took down notes in Notepad. And in case there are people searching for these, [...]]]></description>
			<content:encoded><![CDATA[<p>Today my task at work is to install a WHMCS Theme from <a href="http://whmcsthemes.com" onclick="pageTracker._trackPageview('/outgoing/whmcsthemes.com?referer=');">whmcsthemes.com</a>. WHMCS Themes has this <a href="https://www.whmcsthemes.com/billing/whmcs-template-installation-guides.php" onclick="pageTracker._trackPageview('/outgoing/www.whmcsthemes.com/billing/whmcs-template-installation-guides.php?referer=');"> theme installation instruction video</a>, but I find  it a bit difficult to follow cos I have to pause from time to time. So I took down notes in Notepad. And in case there are people searching for these, here they are:<br />
<span id="more-1490"></span></p>
<h2>Step 1</h2>
<p>Download your WHMCS Template<br />
Client Area -> My Downloads</p>
<h2>Step 3</h2>
<p>Open the file you just downloaded and extract it in your computer.</p>
<h2>Step 3</h2>
<p>Open your FTP Client and connect to your website.</p>
<h2>Step 4</h2>
<p>Upload the contents of the PHP Files folder to your WHMCS installation folder.<br />
Overwrite existing files if necessary</p>
<h2>Step 5</h2>
<p>Upload contents of WHMCS Cart Template to your templates/orderforms folder<br />
Upload subfolder</p>
<h2>Step 6</h2>
<p>Upload contents of WHMCS Template to your WHMCS Templates folder<br />
Upload subfolder</p>
<h2>Step 7</h2>
<p>Login to WHMCS Admin Panel and go to Setup -> General Settings -> Template<br />
Select the template you uploaded and click save</p>
<h2>Step 8</h2>
<p>Navgitate to etup -> General Settings -> Ordering<br />
In the &#8220;Default Order Form Template&#8221; section, select the order form you uploaded and click save</p>
<p>Your template is now installed.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.catzie.net/how-to-install-a-whmcs-theme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to transfer contacts from O2 Xda Atom Exec phone to Samsung Galaxy 5 GT-i5503</title>
		<link>http://blog.catzie.net/how-to-transfer-contacts-from-o2-xda-atom-exec-phone-to-samsung-galaxy-5-gt-i5503/</link>
		<comments>http://blog.catzie.net/how-to-transfer-contacts-from-o2-xda-atom-exec-phone-to-samsung-galaxy-5-gt-i5503/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 06:30:57 +0000</pubDate>
		<dc:creator>Catzie</dc:creator>
				<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[Phone]]></category>
		<category><![CDATA[gadgets]]></category>
		<category><![CDATA[move contacts]]></category>
		<category><![CDATA[O2 Xda Atom Exec]]></category>
		<category><![CDATA[phone]]></category>
		<category><![CDATA[Samsung Galaxy 5]]></category>
		<category><![CDATA[SIM card]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.catzie.net/?p=1034</guid>
		<description><![CDATA[I think this is my first ever blog entry about gadgets. lol. I&#8217;m not really into gadgets but I ran into a problem last night, so I thought I&#8217;d post the solution here. &#8217;twas a troublesome night and morning for me. Since last night I was trying to export / copy all O2 Xda Atom [...]]]></description>
			<content:encoded><![CDATA[<p>I think this is my first ever blog entry about gadgets. lol. I&#8217;m not really into gadgets but I ran into a problem last night, so I thought I&#8217;d post the solution here.</p>
<p>&#8217;twas a troublesome night and morning for me. Since last night I was trying to export / copy all <strong>O2 Xda Atom Exec</strong> phone contacts into a SIM card. This old cellphone, O2 Xda Atom Exec, by default, can only &#8220;Save to SIM&#8221; contacts individually. There&#8217;s no multiple selection. What I wanted to do was export the O2 Atom contacts into a SIM card, and from the SIM card export to another phone &#8211; <strong>Samsung Galaxy 5 GT-I5503</strong>&#8230; or is it <strong>GT-15503</strong>? <img src='http://blog.catzie.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I had so much trouble doing this last night, and I won&#8217;t elaborate that anymore. Here&#8217;s the hassle-free (or less hassle) way of moving your contacts from your O2 Xda Atom Exec phone into Samsung Galaxy 5 GT-I5503. This might work too even if the other phone isn&#8217;t Samsung Galaxy 5 GT-I5503.</p>
<p><strong>Please bear with me &#8211; always mentioning the full model names of the phones! lol.</strong></p>
<p><span id="more-1034"></span></p>
<h2>How to export <small>( backup | copy | move )</small> contacts saved on your O2 Xda Atom Exec into Samsung Galaxy 5 GT-I5503</h2>
<p>The following instructions are assuming you begin with your SIM card inserted to O2 Xda Atom Exec.</p>
<ol>
<li><strong>Download <a href="http://forum.xda-developers.com/showthread.php?t=283413" onclick="pageTracker._trackPageview('/outgoing/forum.xda-developers.com/showthread.php?t=283413&amp;referer=');">PPCContactsMgr</a> and unzip into your O2 Xda Atom Exec phone</strong>. Find the zipped file attached to the post of dotfred (thanks so much to this developer), it was named <code>FdcSoft PPCContactsMgr v1.6.zip</code> when I downloaded it. This application will help you select multiple contacts and save (or even delete) them all at once.</li>
<li>Once you unzip the file into your O2 Xda Atom Exec, <code>run the .cab file to install</code>.</li>
<li>Restart your O2 Xda Atom Exec.</li>
<li>Open your Contacts. You can now select multiple contacts at once doing a &#8220;click and drag&#8221; action.</li>
<li>Select the contacts you&#8217;d like to copy into your SIM card, and click on Menu (on lower right of the screen).</li>
<li>Under Menu you will find the &#8220;Add Sel. Contacts to SIM&#8221;. This will copy all selected contacts from the O2 Xda Atom Exec phone into your SIM card.</li>
<li>Turn off O2 Xda Atom Exec, remove the SIM card from it, and insert it to Samsung Galaxy 5 GT-I5503.</li>
<li>Turn on the Samsung Galaxy 5 GT-I5503 phone, and open your Contacts (icon at the lower right area of idle screen).</li>
<li>Press the menu button to display available options.</li>
<li>Choose &#8220;Import/Export&#8221; from the menu, and then &#8220;Import from SIM Card&#8221;.</li>
<li>Select contacts that you would like to copy from the SIM card into Samsung Galaxy 5 GT-I5503.</li>
<li>Press the &#8220;Import&#8221; button.</li>
<li>You should have successfully transferred contacts from your O2 Xda Atom Exec, to your SIM card, and into the Samsung Galaxy 5 GT-I5503 now.</li>
</ol>
<p>I hope that helped.</p>
<h2>My Opinions on Samsung Galaxy 5 GT-I5503</h2>
<p>This is the first Android device I used. Kinda confusing at first but I guess I&#8217;ll get used to it. This kind of device can be fully enjoyed if you have wifi access and an SD card in it. You&#8217;ll be able to download so many free applications from the Android Market.</p>
<p>I hate the Samsung Galaxy 5 GT-I5503 keyboard! The one called &#8220;Samsung Keyboard&#8221; specifically. I am not used to this kind of keyboard design, only alphabets and and the period key is present on the main screen. Not even the comma, which I often use in composing SMS, is placed there. To use the other keys I have to press a lot of buttons &#8211; one press to show the screen with numbers and some symbols, another for other symbols, and another for smilies. But yeah, maybe it will take some getting used to. I think my typing speed has slowed down 50% compared to when using O2 Xda Atom Exec.</p>
<p>Other things I do not like about Samsung Galaxy 5 GT-I5503&#8230; <strong>(1)</strong> the multifunction jack&#8217;s cover. I had an old Samsung phone before with the same multifunction jack design and the cover didn&#8217;t last long. Sadly, this multifunction jack of Samsung Galaxy 5 GT-I5503 will often (well, it&#8217;s a <strong>multifunction </strong>jack) be used because this is where we plug the travel adapter (charger), PC data cable, and etc. <strong>(2)</strong> The phone casing looks fragile&#8230; the material type that will break when you drop it. The casing&#8217;s glossy also seem to be scratch and dirt prone, especially the back part. So it&#8217;s best to use a protective casing on it. <strong>(3)</strong> Unlike O2 Xda Atom Exec, there&#8217;s no indicator LED that will let you know you have an unread message even when screen is off.</p>
<p>Don&#8217;t get me wrong! I love the Samsung phone. I was simply stating what I do not like. The free downloadable apps from Android Market, sleek interface, and other features cover up all these things I dislike about Samsung Galaxy 5 GT-I5503. lol. <img src='http://blog.catzie.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<h2>Credits for this O2 Xda Atom Exec to Samsung Galaxy 5 GT-i5503 post</h2>
<p>If I hadn&#8217;t stumbled upon this blog entry, it&#8217;s possible that I&#8217;m still stressing myself out right now. So thanks to whoever wrote this article:</p>
<p><a href="http://myo2atom.blogspot.com/2008/11/select-multiple-contacts-on-o2-atom.html" rel="bookmark" onclick="pageTracker._trackPageview('/outgoing/myo2atom.blogspot.com/2008/11/select-multiple-contacts-on-o2-atom.html?referer=');">Pocket PC Tips : Select Multiple Contacts on O2 Atom</a></p>
<p>The developer who wrote the PPCContactsMgr application also has my thanks:</p>
<p><a href="http://forum.xda-developers.com/showthread.php?t=283413" onclick="pageTracker._trackPageview('/outgoing/forum.xda-developers.com/showthread.php?t=283413&amp;referer=');">PPCContactsMgr</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.catzie.net/how-to-transfer-contacts-from-o2-xda-atom-exec-phone-to-samsung-galaxy-5-gt-i5503/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Skype: How to minimize to system tray in Windows 7</title>
		<link>http://blog.catzie.net/skype-how-to-minimize-to-system-tray-in-windows-7/</link>
		<comments>http://blog.catzie.net/skype-how-to-minimize-to-system-tray-in-windows-7/#comments</comments>
		<pubDate>Thu, 07 Jul 2011 05:27:40 +0000</pubDate>
		<dc:creator>Catzie</dc:creator>
				<category><![CDATA[Instant Messaging]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[instant messaging]]></category>
		<category><![CDATA[Skype]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Windows 7]]></category>

		<guid isPermaLink="false">http://blog.catzie.net/?p=1027</guid>
		<description><![CDATA[I&#8217;ve been using Skype to communicate with some colleagues and my boss, for my part time job as web developer &#38; graphic designer. There&#8217;s one thing that often annoyed me, regarding the Skype window. When I am busy working and have a lot of windows open, and want to minimize Skype to the system tray, [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using Skype to communicate with some colleagues and my boss, for my part time job as web developer &amp; graphic designer.</p>
<p>There&#8217;s one thing that often annoyed me, regarding the Skype window. When I am busy working and have a lot of windows open, and want to minimize Skype to the system tray, it won&#8217;t do what I want it to. When I click on the &#8220;Close&#8221; button of Skype it just minimizes to the task bar. What I want is for Skype to minimize into the system tray when I close its window even when I&#8217;m still signed in. Yahoo! Messenger does that for me.</p>
<p>The solution for this is&#8230; <span id="more-1027"></span>For Skype version 5:<br />
From the menu at the top, choose Tools -> Options&#8230;<br />
In the Skype Options window, choose the Advanced tab on the menu on the left.<br />
Uncheck &#8220;Keep Skype in the task bar while I&#8217;m signed in&#8221;<br />
Click on the Save button. Try closing the Skype window while you&#8217;re signed in. Skype should minimize to the tray.</p>
<p>Thanks to the following article I stumbled upon: <a href="http://www.mydigitallife.info/how-to-minimize-skype-to-windows-7-system-tray-notification-area/" onclick="pageTracker._trackPageview('/outgoing/www.mydigitallife.info/how-to-minimize-skype-to-windows-7-system-tray-notification-area/?referer=');">How to Minimize Skype to Windows 7 System Tray (Notification Area)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.catzie.net/skype-how-to-minimize-to-system-tray-in-windows-7/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fix PNG images with transparency in older Windows Internet Explorer versions</title>
		<link>http://blog.catzie.net/fix-png-images-with-transparency-in-older-windows-internet-explorer-versions/</link>
		<comments>http://blog.catzie.net/fix-png-images-with-transparency-in-older-windows-internet-explorer-versions/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 06:49:31 +0000</pubDate>
		<dc:creator>Catzie</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PNG images]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.catzie.net/?p=251</guid>
		<description><![CDATA[I wonder if this post would still get hits from search engine result pages. So many other web pages feature this fix for IE 5.5 and IE 6 web browser, that the Catzie.net Blog&#8217;s entry might just show up on the&#8230; 10th page or so. lol. Anyways, I&#8217;m still posting this, in case there are [...]]]></description>
			<content:encoded><![CDATA[<p>I wonder if this post would still get hits from search engine result pages. So many other web pages feature this fix for <strong>IE 5.5 and IE 6</strong> web browser, that the Catzie.net Blog&#8217;s entry might just show up on the&#8230; 10th page or so. lol.</p>
<p>Anyways, I&#8217;m still posting this, in case there are some visitors browsing around who need help with properly displaying the transparency of <strong>.PNG</strong> images in <strong>IE5.5 and IE6</strong>. This also helps me easily find the needed code to fix the display. I need it from time to time when I design website layouts. <img src='http://blog.catzie.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span style="color: red;">Tip:</span> Most of us are probably using the newer versions of Internet Explorer. I suggest that you <a href="http://blog.catzie.net/ie-tester-see-how-your-web-pages-look-in-different-versions-of-ie-windows-internet-explorer/">download and use the IE Tester</a>. It&#8217;s a web browser that lets you see how web pages render in different versions of IE &#8211; 5.5, 6, 7, and 8.</p>
<p>I assume that as you read this, you are using Internet Explorer version 5.5, or the version 5.5 tab on the <a href="http://blog.catzie.net/ie-tester-see-how-your-web-pages-look-in-different-versions-of-ie-windows-internet-explorer/">IE Tester</a>.<br />
<span id="more-251"></span><br />
The following .png image has a grayish background color that replaces the parts that are supposed to be transparent.</p>
<div style="background:pink;padding:20px;">
<img src="http://img.photobucket.com/albums/v209/catzie/transparent1.png" alt="" />
</div>
<p>This is the code for what&#8217;s show above.</p>
<pre name="code" class="xml">
&lt;div style="background:pink;padding:20px;"&gt;
&lt;img src="http://img.photobucket.com/albums/v209/catzie/transparent1.png"
alt="" /&gt;
&lt;/div&gt;
</pre>
<p><a href="../pages/html/PNGtransparencyIE.html" target="_blank">Please click here</a> to open on a new window the fixed version of what we are trying to display. You&#8217;d notice that there&#8217;s no longer the  grayish background on the parts that are supposed to be transparent. Now you can see through the pink background.</p>
<p>The final code is:</p>
<pre name="code" class="xml">
&lt;html&gt;
&lt;head&gt;
	&lt;style type="text/css"&gt;
		body{
			background-color:pink;
		}
	&lt;/style&gt;
&lt;!--[if lt IE 7]&gt;
&lt;script language="JavaScript"&gt;
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 &#038; 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version &gt;= 5.5) &#038;&#038; (document.body.filters))
   {
      for(var i=0; i&lt;document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className
                               + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " :
                               "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "&lt;span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height
            + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"&lt;&gt;/span&gt;"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }
}
window.attachEvent("onload", correctPNG);
&lt;/script&gt;
&lt;![endif]--&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div style="background:pink;padding:20px;"&gt;
         &lt;img src="http://img.photobucket.com/albums/v209/catzie/transparent1.png"
                alt="" /&gt;
  &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>The code above uses <b>conditional comment</b> to check if your current browser is older than IE 7. If it is, the JavaScript code which corrects the display of the .png is executed.</p>
<p>This method has limitations though. It works only on IE5.5 and IE6. It needs JavaScript enabled on your browser, or else it won&#8217;t work. And it only works on images placed using the &lt;img&gt; tag. It won&#8217;t work on background images.</p>
<p>I learned about this fix from <a href="http://homepage.ntlworld.com/bobosola" rel="nofollow" onclick="pageTracker._trackPageview('/outgoing/homepage.ntlworld.com/bobosola?referer=');">this website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.catzie.net/fix-png-images-with-transparency-in-older-windows-internet-explorer-versions/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to tune a guitar manually</title>
		<link>http://blog.catzie.net/how-to-tune-a-guitar-manually/</link>
		<comments>http://blog.catzie.net/how-to-tune-a-guitar-manually/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 05:15:25 +0000</pubDate>
		<dc:creator>Catzie</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[guitar]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.catzie.net/?p=240</guid>
		<description><![CDATA[So you have a guitar that&#8217;s out of tune but don&#8217;t feel like buying a tuner? You have a tuner but it&#8217;s not working? It&#8217;s not with you? Or simply bored? You can put it to the right tune manually, even without the piano! All you need is a sharp hearing and this simple tutorial. [...]]]></description>
			<content:encoded><![CDATA[<p>So you have a guitar that&#8217;s out of tune but don&#8217;t feel like buying a tuner? You have a tuner but it&#8217;s not working? It&#8217;s not with you? Or simply bored? You can put it to the right tune manually, even without the piano! All you need is a sharp hearing and this simple tutorial. <img src='http://blog.catzie.net/wp-includes/images/smilies/icon_wink.gif' alt=':wink:' class='wp-smiley' />  Of course tuning it with a tuner is more accurate. But learning to tune manually will come in handy, isn&#8217;t it?</p>
<p>Let me share to you this tutorial on how to tune a guitar manually.</p>
<p><center><br />
<img src="http://img.photobucket.com/albums/v209/catzie/strings-1.jpg" alt="The Guitar Strings" class="imgb" /><br />
</center></p>
<p><span id="more-240"></span></p>
<p>Refer to the image above. Let&#8217;s call the thinnest string <strong>#1</strong> and the thickest string <strong>#6</strong>. The letters over the right are the corresponding notes of each string, but just ignore them for now. We&#8217;ll use the numbers instead to make it easier. <img src='http://blog.catzie.net/wp-includes/images/smilies/icon_smile.gif' alt=':smile:' class='wp-smiley' />  Read the following directions carefully.</p>
<h3>directions</h3>
<ol>
<li>Press #6 on the 5th fret and pluck it. Listen to its pitch. Pluck the open #5 string. Adjust it until it gains the same pitch as that of #6.</li>
<li>Press #5 on the 5th fret and pluck it. Listen to its pitch. Pluck the open #4 string. Adjust it until it gains the same pitch as that of #5</li>
<li>Press #4 on the 5th fret and pluck it. Listen to its pitch. Pluck the open #3 string. Adjust it until it gains the same pitch as that of #4.</li>
<li>Press #3 on the 4th fret (yes, <u>4th</u> fret!) and pluck it. Listen to its pitch. Pluck the open #2 string. Adjust it until it gains the same pitch as that of #3.</li>
<li>Press #2 on the 5th fret (yes, <u>5th</u> fret again!) and pluck it. Listen to its pitch. Pluck the open #1 string. Adjust it until it gains the same pitch as that of #2.</li>
</ol>
<h3>tips and notes</h3>
<ul>
<li>You need to listen very well when you pluck each string. Try plucking it as hard as you can to produce a louder sound. You must know how to distinguish the difference of the pitches/notes that you hear.</li>
<li>After adjusting all the strings, strum them. If you&#8217;re not satisfied with the outcome, you might want to do the tuning all over again. Be patient. It will be easy when you get used to it anyway. If the outcome pitch is too high, adjust string #6 to a lower pitch and do the tuning over again; If the outcome pitch is too low, adjust string #6 to a higher pitch and do the tuning all over again.</li>
</ul>
<p>Comments on this tutorial will be appreciated. Please note I&#8217;m just an amateur guitarist that I might not be able to answer questions that might be asked about guitars. <img src='http://blog.catzie.net/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' /> </p>
<p>If you find this article helpful, <a href="http://blog.catzie.net/how-to-tune-a-guitar-manually/">feel free to link back through this permalink.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.catzie.net/how-to-tune-a-guitar-manually/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PHP: Dynamic inclusion tutorial</title>
		<link>http://blog.catzie.net/php-dynamic-inclusion-tutorial/</link>
		<comments>http://blog.catzie.net/php-dynamic-inclusion-tutorial/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 06:22:15 +0000</pubDate>
		<dc:creator>Catzie</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[dynamic website]]></category>
		<category><![CDATA[source code]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.catzie.net/?p=163</guid>
		<description><![CDATA[I&#8217;m posting this because I thought that it might help some people who want to structurize their website in a way that they can easily edit pages which contain contents and pages which contain the code of the layout, as we separate layout code from contents in dynamic inclusion. This is for PHP beginners, but [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m posting this because I thought that it might help some people who want to structurize their website in a way that they can easily edit pages which contain contents and pages which contain the code of the layout, as we separate layout code from contents in dynamic inclusion.</p>
<p>This is for PHP beginners, but I assume that you have basic knowledge about PHP variables and form submission methods if you would read this tutorial.<br />
<span id="more-163"></span><br />
In this simple tutorial I&#8217;m writing, the content page will contain only contents. The layout is separated from contents, which makes updating the layout less complicated than if it were in the same file. Usually, I put the layout codes inside header.php and footer.php. Whenever I have to make changes to the layout, the only files I edit are those two.</p>
<h3>An example</h3>
<p>Let&#8217;s say that the following is your layout code:</p>
<pre name="code" class="html:nocontrols">
&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;table border="1"&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;a href="page1.php"&gt;page1&lt;/a&gt; &amp;nbsp; &lt;a href="page2.php"&gt;page2&lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style="background:pink;"&gt;
        This is your website's homepage.
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<p>Let&#8217;s consider the code of the table as the layout, and the text inside the second &lt;td&gt;&lt;/td&gt; tag is the content of your homepage.</p>
<p>We&#8217;ll be separating parts of that code and put them into separate .php files.</p>
<p>This chunk of code goes to <strong>header.php</strong>. You will notice that the links have changed. We&#8217;ll get to its explanation later.</p>
<pre name="code" class="xml:nocontrols">&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;table border="1"&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;a href="index.php?page=page1.php"&gt;page1&lt;/a&gt;&amp;nbsp;&lt;a href="index.php?page=page2.php"&gt;page2&lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style="background:pink;"&gt;</pre>
<p>The following goes to <strong>homepage.php</strong></p>
<pre name="code" class="xml:nocontrols">        This is your website's homepage.</pre>
<p>This one goes to <strong>footer.php</strong></p>
<pre name="code"  class="xml:nocontrols">      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<p>Let&#8217;s create <b>page1.php</b></p>
<pre name="code" class="xml:nocontrols">
You are viewing page1.php
</pre>
<p>Let&#8217;s also create <b>page2.php</b></p>
<pre name="code" class="xml:nocontrols">
You are viewing page2.php
</pre>
<p>The following is your <strong>index.php</strong> and is a very important part because it&#8217;s the chunk of code which forms your website structure.</p>
<pre name="code" class="php:nocontrols">
&lt;?php
     include('header.php');

     $x = $_GET['x'];
     if (!empty($x)) {
          include($x);
     }
     else {
          include('homepage.php');
     }

     include('footer.php');
?&gt;
</pre>
<h3>Explanation of the modified links</h3>
<p>The href attribute has the following value in our links in header.php</p>
<pre name="code" class="xml:nocontrols">
index.php?x=page1.php
</pre>
<p>Here&#8217;s how it works. Using the <a href="http://www.w3schools.com/PHP/php_get.asp" onclick="pageTracker._trackPageview('/outgoing/www.w3schools.com/PHP/php_get.asp?referer=');">get function</a>, we assign to the variable $x on line 3 of index.php the name of the page we want to open, which is <i>page1.php</i>.</p>
<p>We have an if-else statement after the assignment. If variable $x is not empty, the page is included as the content. Or else, the homepage.php is included.</p>
<p>If we have another page, page3.php for example, then we would link to it using the following code:</p>
<pre name="code" class="xml:nocontrols">
<a href="index.php?x=page3.php">Go to page.php</a>
</pre>
<p>I hope that helps.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.catzie.net/php-dynamic-inclusion-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

