<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3634701627456867266</id><updated>2011-07-30T16:50:19.909-07:00</updated><title type='text'>Creative with Blog</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>17</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-7003042948462286783</id><published>2009-12-26T23:34:00.000-08:00</published><updated>2009-12-26T23:38:53.537-08:00</updated><title type='text'>Naruto Shippuden 134</title><content type='html'>&lt;object width="470" height="352"&gt;&lt;param name="movie" value="http://www.megavideo.com/v/PDIN2MLX6d66ee69ac6ab10fabcaf638c4ae5036"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;embed src="http://www.megavideo.com/v/PDIN2MLX6d66ee69ac6ab10fabcaf638c4ae5036" type="application/x-shockwave-flash" allowfullscreen="true" width="470" height="352"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-7003042948462286783?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/7003042948462286783/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/naruto-shippuden-134.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/7003042948462286783'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/7003042948462286783'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/naruto-shippuden-134.html' title='Naruto Shippuden 134'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-4740358869813146274</id><published>2009-12-26T23:24:00.000-08:00</published><updated>2009-12-26T23:33:53.067-08:00</updated><title type='text'>Naruto Shippuden 133</title><content type='html'>&lt;object width="470" height="352"&gt;&lt;param name="movie" value="http://www.megavideo.com/v/TWRH98LN469376f6b206f60917182a9e006f4918"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;embed src="http://www.megavideo.com/v/TWRH98LN469376f6b206f60917182a9e006f4918" type="application/x-shockwave-flash" allowfullscreen="true" width="470" height="352"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-4740358869813146274?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/4740358869813146274/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/naruto-shippuden-133.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/4740358869813146274'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/4740358869813146274'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/naruto-shippuden-133.html' title='Naruto Shippuden 133'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-77244861103101375</id><published>2009-12-20T04:47:00.000-08:00</published><updated>2009-12-20T04:51:12.423-08:00</updated><title type='text'>Yahoo Web Hosting</title><content type='html'>In addition to its many other online services, Yahoo! offers one all-inclusive, Unix-based shared Web hosting package.&lt;br /&gt;&lt;br /&gt;The plan comes with a free domain name, unlimited disk space, unlimited bandwidth, 1000 email accounts with unlimited mailbox space, WebMail, spam and virus protection, unlimited MySQL databases, shared SSL, 200 password-protected accounts, traffic and search engine statistics, credits for Google AdWords and Yahoo! search marketing, a one-month free trial of GOT Campaigner and scripts for guestbooks, PayPal payments, Yahoo! maps, site searches, phpBB and PHP-Nuke.&lt;br /&gt;&lt;br /&gt;Yahoo! also provides hosting customers with an online site builder with tools for simple text and photo entry, customizable design templates, photo gallery and slideshow tools, maps and driving directions, space for audio tracks, daily backup and options for WordPress and MovableType blogs.&lt;br /&gt;&lt;br /&gt;The hosting plan offers support for PHP 4.3.11, Perl 5.8.7, Flash, FrontPage, Dreamweaver, Shockwave, videos and more.&lt;br /&gt;&lt;br /&gt;In addition, Yahoo! hosting also comes with a grand-opening email to announce site launches, search engine submissions, 30 percent off Yahoo! Local enhanced listings, and guides for search engine optimization and online marketing.&lt;br /&gt;&lt;br /&gt;All Yahoo! hosting customers get access to 24/7 phone and email support, online getting started guides, video tutorials, an online help center and 30-day money-back guarantee.&lt;br /&gt;&lt;br /&gt;Yahoo Small Business Web Hosting also provides e-commerce, domain name, search engine marketing and business email services.&lt;br /&gt;&lt;br /&gt;Based in Sunnyvale, California, Yahoo! was founded in 1994.&lt;br /&gt;&lt;br /&gt;Click Here to Visit &lt;a target="_blank" href="http://www.webhostingreport.com/link/go_yahoo.html"&gt;Yahoo Small Business Web Hosting&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-77244861103101375?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/77244861103101375/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/yahoo-web-hosting.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/77244861103101375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/77244861103101375'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/yahoo-web-hosting.html' title='Yahoo Web Hosting'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-8608168720249097779</id><published>2009-12-20T04:42:00.000-08:00</published><updated>2009-12-20T04:44:10.848-08:00</updated><title type='text'>Domains Yahoo</title><content type='html'>&lt;span style="font-weight:bold;"&gt;What Is a Yahoo Domain?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;The well-known Internet portal Yahoo! has joined the domain name business. The company now offers domain name registration services through its Yahoo! Small Business division. This sector of Yahoo is devoted to helping entrepreneurs get their businesses up and running by providing assistance like recruiting services, marketing tools and web hosting. The next reasonable step is to offer branded Yahoo domain registration. It’s another tool which will help business establish an online presence.&lt;br /&gt;&lt;br /&gt;PC Magazine reviewed Yahoo Domains and gave it the highly-coveted Editor’s Choice Award. The published review states that “domain registration through Yahoo! Small Business is the easiest.” The statement reflects the level of service that one receives through a Yahoo Domain. It offers great features like domain forwarding, email forwarding, control panel with DNS management, and the most popular top-level domains. Knowledgeable customer service is available twenty-four hours a day, seven days a week and the call is toll-free. In addition to this, one to five-year registration plans are available.&lt;br /&gt;&lt;br /&gt;Yahoo! Domains also makes upgrading very easy for those who want to expand to other Yahoo! services. Customers may upgrade to receive a personal custom mailbox or business mail package which reflects the domain name. Users may also transfer their Yahoo! domain from another web host to Yahoo! Web Hosting. If the customer needs help creating an online store, they may summon the help of Merchant Solutions which is a program that will help them manage online sales.&lt;br /&gt;&lt;br /&gt;PC Magazine said that a Yahoo Domain was the easiest. It is quite possible to claim that the service is one of the cheapest. It offers all of the aforementioned features for only $4.98 per year at the time of this writing. With so many wonderful features at such a low price, it is hard to overlook an offer like this one.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-8608168720249097779?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/8608168720249097779/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/domains-yahoo.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8608168720249097779'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8608168720249097779'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/12/domains-yahoo.html' title='Domains Yahoo'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-3429710493837072172</id><published>2009-05-20T13:45:00.001-07:00</published><updated>2009-05-20T13:45:50.813-07:00</updated><title type='text'>Opening &amp; Ending PHP Tags</title><content type='html'>&lt;p&gt;To open a block of PHP code in a page you can use one of these four sets of opening and closing tags.&lt;br /&gt;The first pair (&lt;strong&gt;&amp;lt;? &lt;/strong&gt;and&lt;strong&gt; ?&amp;gt;&lt;/strong&gt;) is called short tags. You should avoid using short tags in your application especially if it's meant to be distributed on other servers. This is because short tags are not always supported ( though I never seen any web host that don't support it ). Short tags are only available only explicitly enabled setting the &lt;span class="phpcode"&gt;short_open_tag&lt;/span&gt; value to &lt;span class="phpcode"&gt;On&lt;/span&gt; in the PHP configuration file &lt;span class="courier"&gt;php.ini&lt;/span&gt;&lt;span class="phpcode"&gt;.&lt;/span&gt;&lt;br /&gt;So, for all PHP code in this website I will use the second pair, &lt;strong&gt;&amp;lt;?php&lt;/strong&gt; and &lt;strong&gt;?&amp;gt;.&lt;/strong&gt;&lt;br /&gt;Now, for the first example create a file named&lt;strong&gt; &lt;/strong&gt;&lt;span class="phpcode"&gt;hello.php&lt;/span&gt; ( you can use NotePad or your favorite text editor ) and put it in your web servers root directory. If you use Apache the root directory is &lt;span class="courier"&gt;APACHE_INSTALL_DIR\htdocs&lt;/span&gt;, with&lt;span class="phpcode"&gt; &lt;/span&gt;&lt;span class="courier"&gt;APACHE_INSTALL_DIR&lt;/span&gt; is the directory where you install Apache. So if you install Apache on &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2\htdocs&lt;/span&gt; then you put hello.php in&lt;span class="phpcode"&gt;&lt;/span&gt;&lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2\htdocs&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Example :&lt;a href="../examples/php-tutorial/hello.php" target="_blank" title="PHP Tutorial : Hello Example"&gt; &lt;br /&gt;    hello.php &lt;/a&gt;&lt;br&gt;&lt;br /&gt;    Source code : &lt;a href="../examples/source/php-tutorial/hello.phps" target="_blank"&gt;hello.phps&lt;/a&gt; &lt;br /&gt;   &lt;div class="codebox"&gt; &amp;lt;html&amp;gt; &lt;br&gt;&lt;br /&gt;    &amp;lt;head&amp;gt; &lt;br&gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;title&amp;gt;My First PHP Page&amp;lt;/title&amp;gt; &lt;br&gt;&lt;br /&gt;    &amp;lt;/head&amp;gt; &lt;br&gt;&lt;br /&gt;    &amp;lt;body&amp;gt; &lt;br&gt;&lt;br /&gt;    &lt;strong&gt;&amp;lt;?php&lt;br&gt;&lt;br /&gt;&lt;br /&gt;    echo &amp;quot;&amp;lt;p&amp;gt;Hello World, How Are You Today?&amp;lt;/p&amp;gt;&amp;quot;; &lt;br&gt;&lt;br /&gt;    ?&amp;gt; &lt;/strong&gt;&lt;br&gt;&lt;br /&gt;    &amp;lt;/body&amp;gt; &lt;br&gt;&lt;br /&gt;    &amp;lt;/html&amp;gt; &lt;/div&gt;&lt;br /&gt;&lt;br /&gt;To view the result start Apache then open your browser and go to&lt;span class="phpcode"&gt; &lt;br /&gt;    &lt;/span&gt;&lt;span class="courier"&gt;http://localhost/hello.php&lt;/span&gt;&lt;span class="phpcode"&gt; &lt;br /&gt;    &lt;/span&gt;or &lt;span class="courier"&gt;http://127.0.0.1/hello.php&lt;/span&gt;. You should see something like &lt;a href="../examples/hello.php" target="_blank" title="Click here to see the result"&gt;this&lt;/a&gt; in your browser window. &lt;br /&gt;The example above shows how to insert PHP code into an HTML file. It also shows the &lt;span class="phpcode"&gt;echo&lt;/span&gt; statement used to output a string. See that the &lt;span class="phpcode"&gt;echo&lt;/span&gt; statement ends with a semicolon. Every command in PHP must end with a semicolon. If you forget to use semicolon or use colon instead after a command you will get an error message like this&lt;br /&gt;    &lt;span class="courier"&gt;Parse error: parse error, unexpected ':', expecting  ',' or ';' in c:\Apache\htdocs\examples\get.php on line 7&lt;/span&gt;&lt;br /&gt;   However in the &lt;span class="courier"&gt;hello.php&lt;/span&gt; example above omitting the semicolon won't cause an error. That's because the &lt;span class="phpcode"&gt;echo&lt;/span&gt; statement was immediately followed by a closing tag.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-3429710493837072172?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/3429710493837072172/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/05/opening-ending-php-tags.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/3429710493837072172'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/3429710493837072172'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/05/opening-ending-php-tags.html' title='Opening &amp; Ending PHP Tags'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-8125670470468920473</id><published>2009-05-20T13:43:00.000-07:00</published><updated>2009-05-20T13:46:51.536-07:00</updated><title type='text'>PHP Tutorial</title><content type='html'>&lt;p&gt;&lt;br /&gt;&lt;br /&gt;    What is PHP? PHP is a web programming language used to write dynamic webpages. &lt;br /&gt;    In this tutorial you will learn basics of PHP. I will assume you already know &lt;br /&gt;    a bit about programming language so I won't cover the whole thing. &lt;/p&gt;&lt;br /&gt;   &lt;p&gt;This PHP Tutorial will explain the followings : &lt;/p&gt;&lt;br /&gt;   &lt;ul&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="http://fathoni-site.blogspot.com/2009/05/opening-ending-php-tags.html"&gt;Opening and ending PHP tags&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="using-php-comments.php"&gt;Comments&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="php-variables.php"&gt;Variables&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="php-variable-types.php"&gt;Types&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="php-strings.php"&gt;Playing with strings&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="php-control-structures.php"&gt; Control structures&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="php-functions.php"&gt;Functions&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;li&gt;&lt;a href="using-php-forms.php"&gt;Using Forms&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;   &lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;   &lt;p&gt;First, make sure you already have PHP installed on your computer. If you &lt;br /&gt;    don't have it installed visit the first part of this tutorial, &lt;a href="../install-apache-php-mysql.php"&gt;Install &lt;br /&gt;    Apache PHP and MySQL&lt;/a&gt;. By the way this tutorial only covers PHP 4 not the &lt;br /&gt;    old PHP 3 ( I wonder if anyone still use it ? ).&lt;/p&gt;&lt;br /&gt;   &lt;p&gt;By the way, if you don't already use a suitable editor for coding &lt;a href="php-editors.php"&gt;check out this page&lt;/a&gt;. &lt;br /&gt;   If you already have your favorite editor just skip it and move on to the next part : &lt;a href="open-end-php-tags.php"&gt;&lt;br /&gt;   Opening and ending PHP tags&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-8125670470468920473?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/8125670470468920473/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/05/php-tutorial.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8125670470468920473'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8125670470468920473'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/05/php-tutorial.html' title='PHP Tutorial'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-4639267546892367051</id><published>2009-03-31T13:39:00.001-07:00</published><updated>2009-03-31T13:39:57.314-07:00</updated><title type='text'>Installing Ubuntu inside Windows XP using VirtualBox</title><content type='html'>&lt;div align ="left"&gt;&lt;script type="text/javascript"&gt;&lt;!--&lt;br /&gt;google_ad_client = "pub-5419232882721299";&lt;br /&gt;/*  */&lt;br /&gt;google_ad_slot = "0532996608";&lt;br /&gt;google_ad_width = 200;&lt;br /&gt;google_ad_height = 200;&lt;br /&gt;//--&gt;&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;&lt;script type="text/javascript"&lt;br /&gt;src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;i&gt;The screenshots in this tutorial use Ubuntu 7.10, but the same principles apply also to Ubuntu 8.04&lt;/i&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;VirtualBox allows you to run an entire operating system inside another operating system. &lt;i&gt;Please be aware that you should have a minimum of 512 MB of RAM&lt;/i&gt;. 1 GB of RAM or more is recommended.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;b&gt;Comparison to Dual-Boot&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Many websites (including the one you're reading) have tutorials on setting up dual-boots between Windows and Ubuntu. A dual-boot allows you, at boot time, to decide which operating system you want to use. Installing Ubuntu on a virtual machine inside of Windows has a lot advantages over a dual-boot (but also a few disadvantages).&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;i&gt;Advantages of virtual installation&lt;/i&gt; &lt;/p&gt;&lt;ul&gt;&lt;li&gt;The size of the installation doesn't have to be predetermined. It can be a dynamically resized virtual hard drive. &lt;/li&gt;&lt;li&gt;You do not need to reboot in order to switch between Ubuntu and Windows. &lt;/li&gt;&lt;li&gt;The virtual machine will use your Windows internet connection, so you don't have to worry about Ubuntu not detecting your wireless card, if you have one. &lt;/li&gt;&lt;li&gt;The virtual machine will set up its own video configuration, so you don't have to worry about installing proprietary graphics drivers to get a reasonable screen resolution. &lt;/li&gt;&lt;li&gt;You &lt;i&gt;always&lt;/i&gt; have Windows to fall back on in case there are any problems. All you have to do is press the right Control key instead of rebooting your entire computer. &lt;/li&gt;&lt;li&gt;For troubleshooting purposes, you can easily take screenshots of any part of Ubuntu (including the boot menu or the login screen). &lt;/li&gt;&lt;li&gt;It's low commitment. If you later decide you don't like Ubuntu, all you have to do is delete the virtual hard drive and uninstall VirtualBox. &lt;/li&gt;&lt;li&gt;You don't have to burn a CD to install Ubuntu easily.&lt;/li&gt;&lt;/ul&gt; &lt;i&gt;Disadvantages of virtual installation&lt;/i&gt;&lt;ul&gt;&lt;li&gt;In order to get any kind of decent performance, you need at least 512 MB of RAM, because you are running an entire operating system (Ubuntu) inside another entire operating system (Windows). The more memory, the better. I would recommend at least 1 GB of RAM. &lt;/li&gt;&lt;li&gt;Even though the low commitment factor can seem like an advantage at first, if you later decide you want to switch to Ubuntu and ditch Windows completely, you cannot simply delete your Windows partition (as you would be able to in a dual-boot situation). You would have to find some way to migrate out your settings from the virtual machine and then install Ubuntu over Windows outside the virtual machine. &lt;/li&gt;&lt;li&gt;Every time you want to use Ubuntu, you have to wait for two boot times (the time it takes to boot Windows, and then the time it takes to boot Ubuntu within Windows).&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Installation Process&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;The first thing you have to do is obtain VirtualBox. Visit &lt;a target="windows" href="http://www.virtualbox.org/wiki/Downloads"&gt;the VirtualBox website's download page&lt;/a&gt;.&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb01.jpeg" border="0" width="150" height="73" /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb02.jpeg" border="0" width="150" height="76" /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb03.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;Select the appropriate Windows download. In most cases, you should select x86. Use AMD64 only if you know you have a 64-bit processor.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb04.jpeg" border="0" width="150" height="84" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Next, visit &lt;a target="windows" href="http://www.ubuntu.com/"&gt;the Ubuntu website&lt;/a&gt; to download the Ubuntu disk image. Click the &lt;i&gt;Download&lt;/i&gt; link to go to the download page.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb05.jpeg" border="0" width="150" height="134" /&gt;&lt;br /&gt;&lt;br /&gt;On the download page, just follow the defaults and, from the drop-down menu, select the appropriate download location (if you live in Asia, select an Asian download location; if you live in Europe, pick a European one; if you live in North America, pick a North American one; etc.). This should download the latest desktop version of Ubuntu.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb06.jpeg" border="0" width="150" height="125" /&gt;&lt;br /&gt;&lt;br /&gt;When you do finally choose to download Ubuntu, Windows &lt;i&gt;should&lt;/i&gt; ask what you want to do with the file. You definitely want to download it. Do not open it with some application (especially not WinRar). Download the file. Do not open it at all. It is a very large (almost 700 MB) single file with a .iso file extension.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb07.jpeg" border="0" width="150" height="124" /&gt;&lt;br /&gt;&lt;br /&gt;Your download should take quite a while, at least an hour on a broadband connection.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb08.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb09.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb10.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb11.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb12.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb13.jpeg" border="0" width="150" height="119" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb14.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;While waiting for Ubuntu to download, you can install VirtualBox. The setup is just like with most Windows software. Double-click the installation file you downloaded earlier. Then keep clicking through the installation wizard. The default answers should work fine.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb15.jpeg" border="0" width="136" height="150" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Next, start up VirtualBox from the Start menu. If, for some reason, it doesn't show up in the menu, you can also find it in C:\Program Files\innotek VirtualBox\VirtualBox.exe&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb16.jpeg" border="0" width="150" height="111" /&gt;&lt;br /&gt;&lt;br /&gt;Click &lt;i&gt;New&lt;/i&gt; to set up a new virtual machine profile.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb17.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;Click &lt;i&gt;Next&lt;/i&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb18.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Title your virtual machine. Here I called it &lt;i&gt;Ubuntu&lt;/i&gt;. The type of OS is probably Linux 2.6, but if you don't know the OS type, there is also an option for &lt;i&gt;unknown&lt;/i&gt;.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb19.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;VirtualBox will try to guess how much RAM to allocate for the virtual machine. Since my computer has 512 MB of RAM, it decided 256 MB would be good (I agree). If you have 1 GB of RAM, 512 MB might be a good allocation.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb20.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;You probably don't have a virtual hard drive to install Ubuntu to, so go ahead and create a new one.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb21.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb22.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb23.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb24.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb25.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb26.jpeg" border="0" width="150" height="109" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;It doesn't hurt to go with the defaults for the virtual hard drive creation process. &lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb27.jpeg" border="0" width="150" height="111" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The next thing we want to do is click on the CD-ROM settings.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb28.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb29.jpeg" border="0" width="150" height="112" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb30.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb31.jpeg" border="0" width="150" height="150" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Add a CD to mount and select the .iso file you downloaded from the Ubuntu website.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb32.jpeg" border="0" width="150" height="111" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Now you're ready to get started! Select the newly created virtual machine profile and click &lt;i&gt;Start&lt;/i&gt;.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb33.jpeg" border="0" width="150" height="104" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Select &lt;i&gt;Start or Install Ubuntu&lt;/i&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb34.jpeg" border="0" width="150" height="105" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb35.jpeg" border="0" width="150" height="130" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;After it boots up, click the &lt;i&gt;Install&lt;/i&gt; icon on the desktop.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb36.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb37.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb38.jpeg" border="0" width="150" height="112" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb39.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb40.jpeg" border="0" width="150" height="112" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb41.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb42.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Answer all the questions. If you don't know the answer, just go with the defaults.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb43.jpeg" border="0" width="150" height="113" /&gt;&lt;br /&gt;&lt;br /&gt;Wait for Ubuntu to install. This can take anywhere between fifteen minutes and an hour, depending on your computer's specifications.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb44.jpeg" border="0" width="150" height="112" /&gt;&lt;br /&gt;&lt;br /&gt;Instead of rebooting right away, choose to continue to use the "live" session.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb45.jpeg" border="0" width="150" height="118" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb46.jpeg" alt="Free Download Article" border="0" width="150" height="117" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Then, go to &lt;i&gt;System&lt;/i&gt; &gt; &lt;i&gt;Quit&lt;/i&gt; &gt; &lt;i&gt;Shut down&lt;/i&gt; to shut down your virtual machine.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb47.jpeg" border="0" width="150" height="100" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb48.jpeg" border="0" width="143" height="150" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;After it has shut down, restart VirtualBox and change the CD-ROM settings so that you are no longer using the .iso you downloaded (you won't need it any more, now that you've installed Ubuntu).&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb49.jpeg" border="0" width="150" height="122" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.psychocats.net/ubuntu/images/virtualboxthumb50.jpeg" border="0" width="150" height="130" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This time, when Ubuntu boots up, you'll get a log in screen and can actually start using your installation!&lt;br /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-4639267546892367051?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/4639267546892367051/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/installing-ubuntu-inside-windows-xp.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/4639267546892367051'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/4639267546892367051'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/installing-ubuntu-inside-windows-xp.html' title='Installing Ubuntu inside Windows XP using VirtualBox'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-742993164871885775</id><published>2009-03-31T13:37:00.000-07:00</published><updated>2009-03-31T13:38:23.462-07:00</updated><title type='text'>JavaScript - Show hide menu</title><content type='html'>&lt;p&gt;In the first javascript tutorial you have the opportunity to learn how to make a simple menu with submenu that is opened and closed by click (onclick).&lt;br /&gt;&lt;br /&gt;Menu works like this: some parts of the table (submenues) are left invisible (diplay: none). When we click on the link, javascript navigation function, with ID that should be shown, is called and the hidden part of the table is opened as submenu.&lt;br /&gt;&lt;br /&gt;Let us get started with JavaScript function that we will place inside of head tags, together with css.&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;strong&gt;JavaScript&lt;/strong&gt;&lt;br /&gt;&lt;div&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;function change(id){&lt;br /&gt;   ID = document.getElementById(id);&lt;br /&gt;&lt;br /&gt;   if(ID.style.display == "")&lt;br /&gt;        ID.style.display = "none";&lt;br /&gt;   else&lt;br /&gt;        ID.style.display = "";&lt;br /&gt;    }&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;br /&gt;Function has an incoming value Id and by it this element is shown or hidden.&lt;br /&gt;Layout of the menu will be controled with css.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Css&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;BODY { text-align: center}&lt;br /&gt;.tbl { FONT: NORMAL 11px/14px verdana, arial, sans-serif; border: 1px solid black; padding: 3px; Background: #F3F3F3; height: auto }&lt;br /&gt;A {COLOR: #333333; TEXT-DECORATION: none; FONT-SIZE: 11px; font-weight: bold }&lt;br /&gt;A:hover { COLOR: black; TEXT-DECORATION: none; FONT-SIZE: 11px; font-weight: bold}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/div&gt;&lt;br /&gt;Next is the HTML code of the table that will be placed inside of body tags.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&amp;lt;table width="220"&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;  &amp;lt;td title="Show/Hide" onclick="change(1)" style="cursor: hand" onMouseOver="style.backgroundColor='#cecece';" onMouseOut="style.backgroundColor='#F3F3F3'" class="tbl" width="208" height="25"&amp;gt;&amp;#187; &amp;lt;a onclick="change(1)" href="#"&amp;gt;Link 1&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- Sub menu 1 --&amp;gt;&lt;br /&gt;&amp;lt;tr style="display: none" id="1"&amp;gt;&lt;br /&gt;  &amp;lt;td class="tbl" width="208" height="25" style="background-color: #FFFFFF"&amp;gt;&lt;br /&gt;  Sub 1&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&lt;br /&gt; &amp;lt;tr&amp;gt;&lt;br /&gt;  &amp;lt;td title="Show/Hide" onclick="change(2)" style="cursor: hand" onMouseOver="style.backgroundColor='#cecece';" onMouseOut="style.backgroundColor='#F3F3F3'" class="tbl" width="208" height="25"&amp;gt;&amp;#187; &amp;lt;a onclick="change(2)" href="#"&amp;gt;&lt;br /&gt;  Link 2&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- Sub menu 2 --&amp;gt;&lt;br /&gt;&amp;lt;tr style="display: none" id="2"&amp;gt;&lt;br /&gt;  &amp;lt;td class="tbl" width="208" height="25" style="background-color: #FFFFFF"&amp;gt;&lt;br /&gt;  Sub 2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt; &amp;lt;td title="Show/Hide" onclick="change(3)" style="cursor: hand" onMouseOver="style.backgroundColor='#cecece';" onMouseOut="style.backgroundColor='#F3F3F3'" class="tbl" width="208" height="25"&amp;gt;&amp;#187;&lt;br /&gt; &amp;lt;a href="#"&amp;gt;Link&amp;lt;/a&amp;gt;&amp;lt;a onclick="change(3)" href="#"&amp;gt;&lt;br /&gt;&lt;br /&gt; &amp;lt;/a&amp;gt;&amp;lt;a href="#"&amp;gt;3&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;!-- Sub menu 3 --&amp;gt;&lt;br /&gt;&amp;lt;tr style="display: none" id="3"&amp;gt;&lt;br /&gt;  &amp;lt;td class="tbl" width="208" height="25" style="background-color: #FFFFFF"&amp;gt;&lt;br /&gt;  Sub 3&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;As you see, next to the every menu title and ID tag we placed:&lt;br /&gt;onclick="change(ID)"&lt;br /&gt;which calls javascript function.&lt;br /&gt;&lt;/span&gt;&lt;/td&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-742993164871885775?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/742993164871885775/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/javascript-show-hide-menu.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/742993164871885775'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/742993164871885775'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/javascript-show-hide-menu.html' title='JavaScript - Show hide menu'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-3725460100441983118</id><published>2009-03-31T13:36:00.002-07:00</published><updated>2009-03-31T13:37:40.566-07:00</updated><title type='text'>Building An Expanding DHTML Menu With CSS and JavaScript</title><content type='html'>&lt;td colspan="2"&gt;&lt;br /&gt;&lt;div&gt;Introduction&lt;/div&gt; Today I am going to show you the different parts that make up a dropdown vertical menu for your website. This is not like your normal dropdown menu, which appears at the top of your content, however -- these menus expand and remain visible until they are collapsed with the click of a mouse. The menu content actually expands with your page content, pushing the rest of whatever is below it down - so it can actually be used for more than just a menu (I might explore that a little later in another tutorial).&lt;br /&gt;&lt;br /&gt;For now, let's get it started...&lt;br /&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;div&gt;&lt;span&gt;What does the finished menu look like and how does it function?&lt;/span&gt; &lt;/div&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;br /&gt;&lt;img src="http://www.interspire.com/content/content_images/images/buildingadhtmlmenu/dhtmlmenu.gif" height="210" hspace="10" width="163" /&gt;&lt;br /&gt;Here's a snapshot of what the menu looks like all coded up.&lt;br /&gt;&lt;br /&gt;When you click on one of the links ie. Menu 1, Menu 2, Menu 3, Menu 4, Menu 5, this will expand or contract the submenu for that menu item. Basically, the end user must have JavaScript enabled to allow the submenus to work.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;Let's build the menu html&lt;/div&gt;&lt;p&gt;First I'm going to start with the 5 menus items. Here's the code that I'm using, which is very simple; 5 hyperlinks. I will need to apply a style to these level one links, so I will make a class style called "menu1".&lt;br /&gt;&lt;br /&gt;&lt;span class="code"&gt; &amp;lt;a class="menu1"&amp;gt;Menu 1&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 2 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 3 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 4 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 5 &amp;lt;/a&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;Now I will create the menu1 class style and put it in the head of my document. So far we haven't done anying revolutionary. I won't explain the style that I've applied here because it's pretty straight forward - it's just a background image and the display:block makes it display like a rectangle.&lt;br /&gt;&lt;br /&gt;&lt;span class="code"&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;.menu1{&lt;br /&gt;background-image:url(images/menudiv1bg.gif);&lt;br /&gt;margin-left:25px;&lt;br /&gt;padding-left:20px;&lt;br /&gt;padding-top:2px;&lt;br /&gt;padding-bottom: 2px;&lt;br /&gt;display:block;&lt;br /&gt;text-decoration: none;&lt;br /&gt;color: #000000;&lt;br /&gt;height: 20px;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;Now I'll add the sub menus in place exactly where they will appear. In this part, we will use some small tricks to setup the alignment. Firstly, we'll wrap the whole submenu in a div that has a unique id for each menu. You can choose your own names for the div tags, but the main purpose of the div having a unique id is so that JavaScript can target that div specifically and make it appear or disappear. I also add a class style called 'hide' so that I can choose to hide all of the submenus from within my style sheet. The links are then listed within the div just like the main menu items and are given a submenu class style, to allow me to control the look of those in my style sheet as well:&lt;br /&gt;&lt;br /&gt;&lt;span class="code"&gt;&amp;lt;a class="menu1" &amp;gt;Menu 1&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu1" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 2 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu2" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 3 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu3" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 4 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu4" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1"&amp;gt;Menu 5 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu5" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;I'll add the submenu and the 'hide' style to my style sheet now:&lt;br /&gt;&lt;br /&gt;&lt;span class="code"&gt; .submenu{&lt;br /&gt;background-image: url(images/submenu.gif);&lt;br /&gt;display: block;&lt;br /&gt;height: 19px;&lt;br /&gt;margin-left: 38px;&lt;br /&gt;padding-top: 2px;&lt;br /&gt;padding-left: 7px;&lt;br /&gt;color: #333333;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;.hide{&lt;br /&gt;display: none;&lt;br /&gt;}&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;I'll also create the style that will show the hidden div tags (submenus):&lt;br /&gt;&lt;br /&gt;&lt;span class="code"&gt;.show{&lt;br /&gt;display: block;&lt;br /&gt;}&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;div&gt;&lt;span&gt;Creating the JavaScript&lt;/span&gt; &lt;/div&gt; If you're not too familiar with JavaScript or are in a rush, feel free to just copy and paste the code shown below into your page header as is. There are no further tricky parts to setup as the JavaScript simply compares the current state of the chosen submenu and then swaps it, meaning that if it's hidden, then it will be made visible, and vice versa.&lt;br /&gt;&lt;br /&gt;Here's the code: &lt;p&gt;&amp;#160;&lt;span class="code"&gt;&lt;br /&gt;&amp;lt;script language="JavaScript" type="text/JavaScript"&amp;gt;&lt;br /&gt;&amp;lt;!--&lt;br /&gt;menu_status = new Array(); &lt;/span&gt;&lt;/p&gt;&lt;p&gt;function showHide(theid){&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;if (document.getElementById) {&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;var switch_id = document.getElementById(theid);&lt;br /&gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;if(menu_status[theid] != 'show') {&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;switch_id.className = 'show';&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;menu_status[theid] = 'show';&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;}else{&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;switch_id.className = 'hide';&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;menu_status[theid] = 'hide';&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;}&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;//--&amp;gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;Place this code in the &amp;lt;head&amp;gt; part of your web page. Next, I'm inserting the onClick event to the main menu links to call the showHide function when you click on the link:&lt;br /&gt;&lt;br /&gt;&lt;span class="code"&gt;&amp;lt;a class="menu1" onclick="showHide('mymenu1')"&amp;gt;Menu 1&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu1" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1" onclick="showHide('mymenu2')"&amp;gt;Menu 2 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu2" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1" onclick="showHide('mymenu3')"&amp;gt;Menu 3 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu3" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1" onclick="showHide('mymenu4')"&amp;gt;Menu 4 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu4" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;a class="menu1" onclick="showHide('mymenu5')"&amp;gt;Menu 5 &amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;div id="mymenu5" class="hide"&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link One here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Two here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Three here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;a href="#" class="submenu"&amp;gt;Link Four here&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;div&gt;Some Geek Speak, for those who just want to know what's happening in the code.&lt;/div&gt; Ok. What's happening here is that when the page loads, the JavaScript and CSS styles in the head will load first and then your menu links will appear in the body of the page. JavaScript is loaded from top to bottom by the browser, so let's read from inside the script tags: &lt;p&gt;The menu_status = new Array(); line will create a container ready to store the current state of your menu. This corresponds to the sections of the code that actually say what this menu_status now equals. eg. menu_status = 'show'; and menu_status = 'hide';&lt;/p&gt;&lt;p&gt;There's a function called showHide(theid) but this won't do anything unless it is called from within your HTML code. 'theid' is the id of the menu being shown or hidden, and it's called during the onClick even of that menu, such as onclick="showHide('mymenu5')".&lt;/p&gt;&lt;p&gt;Ok, so the function loads ready to be used, but the page continues to load...&lt;br /&gt;&lt;br /&gt;Your main links and submenus load, but only the main links show because the 'hide' style that's applied to the submenus will hide the submenus. The submenus have in fact loaded already, they just aren't showing just yet.&lt;br /&gt;&lt;br /&gt;If you click on a main menu link, then here's what happens:&lt;br /&gt;&amp;#160;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;The onClick event will fire up the showHide function and JavaScript will know which object we are working with by the id of the link.&lt;/li&gt;&lt;li&gt;JavaScript will get the menu element in question by the id that's passed to the function&lt;/li&gt;&lt;li&gt;JavaScript now has to check whether the current menu_status is visible or not, and then swap it. If it's not 'show' eg. if(menu_status[theid] != 'show') then the status_id will be made to equal 'show'. If it's not hide, eg. if(menu_status[theid] != 'hide') then it will be made to equal 'hide'.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span&gt;Conclusion&lt;/span&gt;&lt;br /&gt;In this article I've shown you how to build a basic vertical drop down menu using DHTML and JavaScript. This is a groovy little script that will allow you to create a nice menu, or even save you some space if you currently have multi level menus laid out on your site. You can probably do more with this script if you're familiar with JavaScript or don't mind experimenting, but we'll leave it at that for now!&lt;br /&gt;&lt;/td&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-3725460100441983118?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/3725460100441983118/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/building-expanding-dhtml-menu-with-css.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/3725460100441983118'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/3725460100441983118'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/building-expanding-dhtml-menu-with-css.html' title='Building An Expanding DHTML Menu With CSS and JavaScript'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-7447405842363937281</id><published>2009-03-31T13:36:00.001-07:00</published><updated>2009-03-31T13:36:48.180-07:00</updated><title type='text'>Can't Show Hidden Files</title><content type='html'>There is a certain&amp;#160;virus&amp;#160;that prevents XP&amp;#160;users from viewing&amp;#160;the hidden files. The virus meddles with the&amp;#160;&amp;#8217;Show hidden files and folders&amp;#8217;&amp;#160;option in the Folder Options and the option keeps bouncing back to &amp;#8216;Do not show hidden files and folders&amp;#8217;, despite repeated trials.&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;Here is how you&amp;#160;can set this problem right:Navigate to the windows registry:&lt;br /&gt;&lt;br /&gt;Go to &lt;strong&gt;Start&lt;/strong&gt; menu&lt;br /&gt;&lt;br /&gt;Click &lt;strong&gt;Run&lt;br /&gt;&lt;br /&gt;&lt;/strong&gt;Type &lt;strong&gt;regedit&lt;/strong&gt; in the text box and then click &lt;strong&gt;Enter&lt;/strong&gt;.&lt;br /&gt;&lt;br /&gt;When the &lt;strong&gt;Registry Editor&lt;/strong&gt; opens,&amp;#160;perform the following steps:Go to the following registry key:&lt;br /&gt;Go to &lt;strong&gt;HKEY_LOCAL_MACHINE&amp;#160;&lt;/strong&gt;and then&amp;#160;open&lt;strong&gt;&amp;#160;Software&lt;/strong&gt;. Under this navigate to: &lt;strong&gt;Microsoft -&amp;gt; Windows -&amp;gt;&amp;#160; Current Version -&amp;gt; Explorer &lt;/strong&gt;Then go to &lt;strong&gt;Advanced -&amp;gt; Folder -&amp;gt; Hidden -&amp;gt; SHOWALL&lt;br /&gt;&lt;/strong&gt; Delete the value &lt;strong&gt;CheckedValue&lt;/strong&gt;.&lt;br /&gt;&lt;br /&gt;(Its type should be REG_SZ and data should be 2 or 0.)&lt;p p="" p="" p="" p="" p="" p="" p="" p="" p="" p="" p=""&gt;Create a new &lt;strong&gt;DWORD value&lt;/strong&gt; called CheckedValue (same as above, except that the type is REG_DWORD).&lt;pmodify&gt;This should&amp;#160;enable&amp;#160;you to&amp;#160;select the &amp;#8216;Show hidden files and folders&amp;#8217; option without much problem. Do drop in comments if there are further queries and we shall try to find answers.&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-7447405842363937281?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/7447405842363937281/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/cant-show-hidden-files.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/7447405842363937281'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/7447405842363937281'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/cant-show-hidden-files.html' title='Can&apos;t Show Hidden Files'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-1935961180973096938</id><published>2009-03-31T13:35:00.001-07:00</published><updated>2009-03-31T13:35:53.199-07:00</updated><title type='text'>Windows Linux Dual Boot Tutorial</title><content type='html'>This tutorial was written to help set up a dual boot on a SATA drive but it will also work for PATA so continue forward and I will let you know if you need to skip something. In order to have a fully functional dual boot system it is preferred that Windows be loaded first. After that you can load Linux and easily dump the boot configuration on Windows NTLDR file (comparable to Linux boot file).&lt;br /&gt;&lt;br /&gt;At least one of the following scenarios exist and that is why you are here reading this tutorial;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;    You have a new Serial HDD (SATA) with no software installed,&lt;/li&gt;&lt;li&gt;You have a new Parallel HDD (PATA) with no software installed,&lt;/li&gt;&lt;li&gt;You have a HDD with Windows already installed, or&lt;/li&gt;&lt;li&gt;You have a HDD with Linux already installed.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;I used the following software;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;     Windows 2000 Pro (this tutorial should work for 98 and XP also)&lt;/li&gt;&lt;li&gt;     SuSe 10&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1. Setting Up a New SATA Drive&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Note: The most popular Windows platforms, Windows 2000 and Windows XP (pre SP1), were released before and during the release of SATA drives.&lt;br /&gt;&lt;br /&gt;In order for Windows to recognize the SATA HDD you will need to get the SATA/Raid drivers and place them on a floppy. These drivers can usually be obtained at the web site of your motherboard manufacturer. Look for Raid drivers (usually the location of the SATA drivers also) in their driver download section. If you can search the site look for TXTSETUP.OEM. You absolutely need this file and it will more than likely be located with the drivers needed. If you are unable to find the drivers needed then see this article for information on integrating installation packs and service packs.&lt;br /&gt;&lt;br /&gt;TXTSETUP.OEM is a must! Windows Install uses this file to search for the applicable drivers. Proceed to Install windows.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2. Setting Up a PATA Drive&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;If this is a brand new drive go ahead and proceed to Install Windows.&lt;br /&gt;&lt;br /&gt;If this is an installed hard drive with only Linux loaded, then back up and copy all your configuration files to a floppy, cd, or another drive. After that is done and verified the files were copied you need to clean the hard drive so you can start fresh and load Windows first.&lt;br /&gt;&lt;br /&gt;If this is an installed drive with Windows already loaded you need to ensure there is sufficient unpartitioned space for Linux to load on. You have two options.&lt;br /&gt;&lt;br /&gt;Note: There is a difference in free space and unpartitioned space. Typically when users load Windows they select the C: drive and the whole drive is formatted to NSTF or FAT. Linux needs unformatted/unpartitioned space to install.&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;You can do a fresh install of Windows, or&lt;/li&gt;&lt;li&gt;You can free up unpartitioned space if you have a partition program.&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;If you do not have a partition program there is a free one available called SystemRescueCd that works quite well. If you choose this option you will need to burn SystemRescue to a cd. Once you have done this and boot to the cd you will get this screen.&lt;br /&gt;&lt;p&gt;&lt;b&gt;Windows Linux DualBoot Tutorial&lt;/b&gt;&lt;/p&gt; &lt;p&gt;This tutorial was written to help set up a dual boot on a SATA drive but it will also work for PATA so continue forward and I will let you know if you need to skip something. In order to have a fully functional dual boot system it is preferred that Windows be loaded first. After that you can load Linux and easily dump the boot configuration on Windows NTLDR file (comparable to Linux boot file).&lt;/p&gt; &lt;p&gt;At least one of the following scenarios exist and that is why you are here reading this tutorial;&lt;/p&gt; &lt;ul&gt;&lt;li&gt;You have a new Serial HDD (SATA) with no software installed,&lt;/li&gt;&lt;li&gt;You have a new Parallel HDD      (PATA) with no software installed,&lt;/li&gt;&lt;li&gt;You have a HDD with Windows already installed, or&lt;/li&gt;&lt;li&gt;You have a HDD with Linux already installed.&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;I used the following software;&lt;/p&gt; &lt;ul&gt;&lt;li&gt;Windows 2000 Pro (this tutorial should work for 98 and XP also)&lt;/li&gt;&lt;li&gt;SuSe 10&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;1. Setting Up a New SATA Drive&lt;/p&gt;&lt;p&gt;&lt;/p&gt; &lt;p&gt;&lt;i&gt;Note: The most popular Windows platforms, Windows 2000 and Windows XP (pre SP1), were released before and during the release of SATA drives. &lt;/i&gt;&lt;/p&gt; &lt;p&gt;In order for Windows to recognize the SATA HDD you will need to get the SATA/Raid drivers and place them on a floppy. These drivers can usually be obtained at the web site of your motherboard manufacturer. Look for Raid drivers (usually the location of the SATA drivers also) in their driver download section. If you can search the site look for TXTSETUP.OEM. You absolutely need this file and it will more than likely be located with the drivers needed. If you are unable to find the drivers needed then see this &lt;a mce_real_href="http://www.microsoft.com/windows2000/downloads/servicepacks/sp4/spdeploy.htm#scenario_1_installing_windows_2000_integrated_with_the_service_pack_rpmd" href="http://www.microsoft.com/windows2000/downloads/servicepacks/sp4/spdeploy.htm#scenario_1_installing_windows_2000_integrated_with_the_service_pack_rpmd" target="_self"&gt;article&lt;/a&gt; for information on integrating installation packs and service packs.&lt;/p&gt; &lt;p&gt;TXTSETUP.OEM is a must! Windows Install uses this file to search for the applicable drivers. Proceed to Install windows. &lt;/p&gt; &lt;p&gt; 2. Setting Up a PATA Drive&lt;/p&gt; &lt;p&gt;If this is a brand new drive go ahead and proceed to Install Windows.&lt;/p&gt; &lt;p&gt;If this is an installed hard drive with only Linux loaded, then back up and copy all your configuration files to a floppy, cd, or another drive. After that is done and &lt;i&gt;verified&lt;/i&gt; the files were copied you need to clean the hard drive so you can start fresh and load Windows first.&lt;/p&gt; &lt;p&gt;If this is an installed drive with Windows already loaded you need to ensure there is sufficient unpartitioned space for Linux to load on. You have two options.&lt;/p&gt; &lt;p&gt;&lt;i&gt;Note: There is a difference in free space and unpartitioned space. Typically when users load Windows they select the C: drive and the whole drive is formatted to NSTF or FAT. Linux needs    unformatted/unpartitioned space to install.&lt;/i&gt;&lt;/p&gt; &lt;ol&gt;&lt;li&gt;You can do a fresh install of Windows, or&lt;/li&gt;&lt;li&gt;You can free up unpartitioned space if you have a partition program.&lt;/li&gt;&lt;/ol&gt; &lt;p&gt;If you do not have a partition program there is a free one available called &lt;a mce_real_href="http://www.sysresccd.org/download.en.php" href="http://www.sysresccd.org/download.en.php" target="_blank"&gt;SystemRescueCd&lt;/a&gt;    that works quite well. If you choose this option you will need to burn SystemRescue    to a cd. Once you have done this and boot to the cd you will get this screen. &lt;/p&gt;&lt;p&gt;&lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/qtparted1.jpg" src="http://images.howtoforge.com/images/dual_boot/qtparted1.jpg" height="480" width="640" /&gt;&lt;/p&gt;&lt;p&gt;Enter&lt;i&gt;fb1024&lt;/i&gt;(1024 being the screen resolution setting). The process of setting up the cd files will begin.&lt;/p&gt; &lt;p&gt;The next screen will ask you to enter a keymap preceded by the codes for different languages.&lt;/p&gt; &lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/qtparted2.jpg" src="http://images.howtoforge.com/images/dual_boot/qtparted2.jpg" height="480" width="640" /&gt; &lt;p&gt;Hit Enter for the system default. The next screen will be the SystemRescueCd command line.&lt;/p&gt; &lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/qtparted3.jpg" src="http://images.howtoforge.com/images/dual_boot/qtparted3.jpg" height="480" width="640" /&gt; &lt;p&gt;Type &lt;i&gt;run_qtparted&lt;/i&gt; and hit Enter. The next screen will ask for mouse type.&lt;/p&gt; &lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/qtparted4.jpg" src="http://images.howtoforge.com/images/dual_boot/qtparted4.jpg" height="480" width="640" /&gt; &lt;p&gt;Enter the applicable number. &lt;/p&gt; &lt;p&gt;After your mouse selection the screen will change to a split window. The left side will identify the hard drives found and the right side will identify the partitions and free space on the selected drive. &lt;/p&gt; &lt;p&gt;&lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/qtparted5.jpg" src="http://images.howtoforge.com/images/dual_boot/qtparted5.jpg" height="480" width="640" /&gt;&lt;/p&gt; &lt;p&gt;Select the partition you wish to resize and then select Resize from the Menus or the icon tool bar (see cursor point) and follow the prompts.&lt;/p&gt; &lt;p&gt;&lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/qtparted6.jpg" src="http://images.howtoforge.com/images/dual_boot/qtparted6.jpg" height="480" width="640" /&gt;&lt;/p&gt; &lt;p&gt;Once you are done close the window and enter&lt;i&gt;reboot&lt;/i&gt;at    the SystemRescueCd command line.&lt;/p&gt; &lt;p&gt;3. Install Windows&lt;/p&gt; &lt;p&gt;Hit the power button and start your system. Insert your Windows disk and as soon as the first Setup screen appears hit F6. Note the message at the bottom of this startup screen. &lt;/p&gt; &lt;p&gt;&lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/F6screen.jpg" src="http://images.howtoforge.com/images/dual_boot/F6screen.jpg" height="400" width="720" /&gt;&lt;/p&gt; &lt;p&gt;Windows will proceed to load some files then change to a screen offering you the opportunity to install some additional drivers. &lt;/p&gt; &lt;p&gt;&lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/driversscreen.jpg" src="http://images.howtoforge.com/images/dual_boot/driversscreen.jpg" height="400" width="720" /&gt;&lt;/p&gt; &lt;p&gt;Enter &lt;i&gt;S&lt;&lt;/i&gt;, which will take you to a screen instructing you to insert the floppy in drive A and hit Enter. &lt;/p&gt; &lt;p&gt;Providing you copied the right drivers it will proceed to extract the drivers needed. Once done it will return to the screen offering you the opportunity to load drives. This time you want to select Continue to continue installing Windows.&lt;/p&gt; &lt;p&gt;Eventually you will get to the part of the install where it will show the drive.&lt;/p&gt; &lt;p&gt;&lt;img mce_real_src="http://images.howtoforge.com/images/dual_boot/pic4.gif" src="http://images.howtoforge.com/images/dual_boot/pic4.gif" height="395" width="563" /&gt; &lt;/p&gt; &lt;p&gt;You have several options here. You want to select the second option by entering "C" and partition the drive. For Win2K you need a minimum of 340 MB and for Win XP you need a minimum of 1560 MB to load.&lt;/p&gt; &lt;p&gt;Of course you probably want room    to load additional software, etc. The partitioning is done in MB so you may have to do some quick calculations keeping in mind there is basically 1024 MB to 1 GB. After you enter your partition size continue with the install.&lt;/p&gt; &lt;p&gt;When the install is done go ahead and    reboot. Get all your settings taken care of and updates done then come back    here and install Linux.&lt;/p&gt; &lt;p&gt;4. Install Linux&lt;/p&gt; &lt;p&gt;There are Perfect Setup HowTos for various    Linux versions at the &lt;a mce_real_href="http://www.howtoforge.com/" href="http://www.howtoforge.com/" target="_self"&gt;HowToForge&lt;/a&gt; site. I encourage you to use them which is why I will not go into the complete installation of Linux. Be sure to read them first though. These HowTos are typically designed for server systems and you will not need some    of the setup after the installation section. Read the HowTo, if you have any    questions regarding the HowTo or the linux install please use the &lt;a mce_real_href="http://www.howtoforge.com/forums/index.php" href="http://www.howtoforge.com/forums/index.php" target="_self"&gt;HowToForge Forums&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;I recommend you use the GRUB boot loader as there is hardly any maintenance involved and it fits in nicely with the Windows MBLR.&lt;/p&gt; &lt;p&gt;Experience has taught me that the Logical Volume Manager (LVM) of Linux partitioning is not very desirable among experienced users and I have had consistent problems when I applied it. To avoid this be sure to Manually partition your drive when asked. The most basic and usable setup is to create a boot (/boot) partition of about 100 MB, a Swap partition of at least twice the size of your RAM, and then a root (/) partition of the remaining space.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-1935961180973096938?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/1935961180973096938/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/windows-linux-dual-boot-tutorial.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/1935961180973096938'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/1935961180973096938'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/windows-linux-dual-boot-tutorial.html' title='Windows Linux Dual Boot Tutorial'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-8555578516360209550</id><published>2009-03-31T13:34:00.001-07:00</published><updated>2009-03-31T13:34:21.522-07:00</updated><title type='text'>Partitioning Windows and Ubuntu</title><content type='html'>One of the most frequently asked questions about installing Ubuntu is "How should I partition my drive?" &lt;p&gt; There are dual-boot guides out there. I have &lt;a target="windows" href="http://www.psychocats.net/ubuntu/installing"&gt;one that features the Desktop CD installer&lt;/a&gt;, and then there's &lt;a target="windows" href="http://users.bigpond.net.au/hermanzone"&gt;Herman's Dual Boot Guide&lt;/a&gt;, which features the Alternate CD installer. &lt;/p&gt;&lt;p&gt; The focus of this tutorial is not on &lt;i&gt;how&lt;/i&gt; to create the partitions (resizing, etc.) but on planning&amp;#8212;what the desirable outcome is. &lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;span class="fullpost"&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning1.png" align="middle" border="0" height="65" width="739" /&gt; &lt;/p&gt;&lt;p&gt; I'm not going to give you a crash course of what a partition is or what the difference is between a logical or primary partition (I don't even know that myself), but I am going to give you a rundown on the advantages that certain partitioning schemes have over others. The one thing that you &lt;i&gt;do&lt;/i&gt; have to understand is that creating a new partition is almost like creating a new hard drive. Sure, it lives on the same hard drive, but it is self-contained. If you erase the data on one partition, it does not affect the other partition's data. &lt;/p&gt;&lt;p&gt;It's almost like having a huge loft apartment. You then decide to build a huge wall in the middle of it. Suddenly, it's not a huge loft apartment&amp;#8212;it's now an apartment with two rooms. &lt;/p&gt;&lt;p&gt;So, as the picture above shows, you probably will start out with one large Windows partition that takes up the whole drive. Keep in mind that the partition is just the space. Just because you have a large Windows &lt;i&gt;partition&lt;/i&gt; doesn't mean you also have a large Windows &lt;i&gt;installation&lt;/i&gt;. You could have a 160 GB hard drive, but your installation, for example, could be only 16 GB (one tenth of the total space available). That installation's &lt;i&gt;partition&lt;/i&gt; is still taking up 160 GB of space even though most of the space it's taking up (about 144 GB) is empty space. &lt;/p&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning2.png" align="middle" border="0" height="65" width="741" /&gt; &lt;/p&gt;&lt;p&gt; This is a pretty typical dual-boot scenario. And I believe it's also the one that will be created if you choose to have Ubuntu's installer automatically resize your Windows partition and create a Ubuntu partition out of the free space. I'm not sure if the proportions are right. Ubuntu's installer probably makes it a little more 50/50, but I'd need someone to confirm that, as I've always done my partitioning manually instead of automatically. &lt;/p&gt;&lt;p&gt;This one's pretty straightforward&amp;#8212;one Windows partition, one Ubuntu partition. Just so I can get it out of the way, "swap" is a little partition (usually 1.5 or 2 times the size of your computer's RAM) that helps with memory management and multi-tasking. You'll see a swap partition at the end of each of these little diagrams. You can read more about swap partitions &lt;a href="http://en.wikipedia.org/wiki/Swap_partition#Swapping_in_the_Linux_and_BSD_operating_systems" target="_top"&gt;here&lt;/a&gt;. &lt;/p&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning3.png" align="middle" border="0" height="66" width="741" /&gt; &lt;/p&gt;&lt;p&gt; Pictured above is a more common scenario&amp;#8212;a Ubuntu partition, a Windows partition, and a FAT32 partition in the middle to share data between the two operating systems. This is frequently recommended on the &lt;a href="http://www.ubuntuforums.org/" target="_top"&gt;Ubuntu Forums&lt;/a&gt; as a good way to partition a drive, since both Windows and Ubuntu can natively read from and write to FAT32.&lt;/p&gt;&lt;p&gt; Ubuntu now has a pretty reliable mechanism for reading from and writing to NTFS, but some people like to play it extra safe and have a separate FAT32 partition for both Windows and Ubuntu to work from.&lt;!-- Windows cannot natively read from or write to Ext3, and Ubuntu cannot natively write to NTFS (though, it can read from NTFS just fine).  There is a project called NTFS-3G that allows you to both read from and write to NTFS partitions from Ubuntu. I haven't used it myself, but I've heard from multiples sources that it now no longer causes any corruption or loss of data. You can find a HowTo on using NTFS-3G on the Ubuntu Forums: &lt;a href="http://ubuntuforums.org/showthread.php?t=217009"&gt;HOWTO: NTFS with read/write support using the ntfs-3g (easy &amp; safe method)&lt;/a&gt; --&gt;   &lt;/p&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning4.png" align="middle" border="0" height="67" width="742" /&gt; &lt;/p&gt;&lt;p&gt; This is a slight modification of the above scheme that puts in a tiny /home partition.  &lt;/p&gt;&lt;p&gt; /home partitions are wonderful things. It would be the equivalent of Windows of having a partition that was the C:\Documents and Settings folder. That would include My Documents, My Pictures, My Music, and all your hidden settings, too. Likewise, a /home partition in Ubuntu has all your settings. Ordinarily, it would have your files, too, but in the scenario pictured above, your files would live in the FAT32 partition. &lt;/p&gt;&lt;p&gt;The benefit of having a separate /home partition? Well, it means you can reinstall Ubuntu as many times as you'd like and do a clean install (instead of an upgrade) when a new version of Ubuntu comes along. When you first start using Ubuntu, you usually have no idea what you're doing, and you end up breaking something. Now, if you're a veteran, you know how to fix whatever you've broken. If you have a lot of time, you could probably ask around and find out how to fix it. Sometimes, though, it just seems easier to reinstall (the installation takes anywhere from 20 minutes to an hour), and not having to re-do all your settings is a good thing. &lt;/p&gt;&lt;p&gt;And new Ubuntu releases come out every six months. Often part of the appeal of the new release is the improvement to the installation process, so even though people can upgrade, they often don't&amp;#8212;they want to see what a "default" installation is like. There can also be breakage in an upgrade, so reinstalling is the safest way to do an upgrade. To have your settings intact is a nice cushion to fall back on. &lt;/p&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning5.png" align="middle" border="0" height="67" width="743" /&gt; &lt;/p&gt;&lt;p&gt; This last dual-boot scenario is my favorite now that I know about &lt;a href="http://www.fs-driver.org/" target="_top"&gt;FS-Drive&lt;/a&gt;, which is a small program that allows Windows to read from and write to Ext3 partitions. So FAT32 can go out the window&amp;#8212;one less partition to worry about and none of the limitations of FAT32 (no file permissions, lots of fragmentation, and a file size limit of 4 GB).&lt;/p&gt;&lt;p&gt; Note that in this scheme, unlike the one above it, it's not just the settings that live in the /home partition but the shared data as well. &lt;/p&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning6.png" align="middle" border="0" height="66" width="740" /&gt; &lt;/p&gt;&lt;p&gt;If you're over dual-booting and just want a straight Ubuntu installation, this is what it'll look like if you choose to erase the entire hard drive. &lt;/p&gt;&lt;p&gt;  &lt;img src="http://www.psychocats.net/ubuntu/images/partitioning7.png" align="middle" border="0" height="69" width="742" /&gt; &lt;/p&gt;&lt;p&gt; This would be a better way to partition your drive for all Ubuntu, for the reasons explained above. &lt;/p&gt;&lt;p&gt; A few other things: &lt;/p&gt;&lt;ul&gt;&lt;li&gt;If you choose to create a separate /home partition, allocate between 5 and 10 GB for the / partition&amp;#8212;that's about all you'll need for the Ubuntu system and programs. The rest should be for your personal files (in /home). &lt;/li&gt;&lt;li&gt;Sometimes people have two physically separate hard drives. You should treat that the same as having two pre-defined partitions. The same principles apply. You can have one hard drive be Windows, the other be Ubuntu. You can partition the first drive to be Windows and Ubuntu and then make the second drive a place to store shared data. &lt;/li&gt;&lt;li&gt;You may hear people recommending a separate /boot partition or /usr partition. You can make a separate partition for just about any folder in the Ubuntu filesystem. The only down side is running out of space. If you have a 200 GB hard drive, make as many partitions as you can. &lt;/li&gt;&lt;li&gt;If you want to resize a partition or add more space to an existing partition, keep in mind that you can add only to the &lt;i&gt;end&lt;/i&gt; of a partition, not to the beginning of it. &lt;/li&gt;&lt;li&gt;The same ideas here apply to Windows 2000 or to other Linux distributions (besides Ubuntu). If you have Windows ME, 98, or 95, your filesystem will probably already be FAT32, so you wouldn't need to create a separate FAT32 partition to share information on. &lt;/li&gt;&lt;li&gt;Someone can correct me on this if I'm wrong, but I haven't seen any difference between putting the swap partition in the middle or at the end of the drive. I put it on the end in these examples because that's what Ubuntu's default installation does. &lt;/li&gt;&lt;li&gt;Some Windows users have a program called Partition Magic, but many Ubuntu users have reported problems with setting up a dual boot after using Partition Magic. It's better to use one of these partitioning tools instead (and they're all cost-free). Here are some: &lt;a href="http://qtparted.sourceforge.net/screenshots.en.html" target="_top"&gt;QTParted&lt;/a&gt; - available on &lt;a href="http://www.knopper.net/knoppix/index-en.html" target="_top"&gt;Knoppix&lt;/a&gt; live CDs. &lt;a href="http://gparted.sourceforge.net/screenshots.php" target="_top"&gt;GParted&lt;/a&gt; - available as the default partitioning program for &lt;a href="http://mirror.mcs.anl.gov/pub/ubuntu-iso/CDs/6.06/"&gt;Ubuntu&lt;/a&gt;'s Desktop CD. &lt;a href="http://qa.mandriva.com/twiki/bin/view/Main/DiskDrake" target="_top"&gt;DiskDrake&lt;/a&gt; - available on &lt;a href="http://www.pclinuxos.com/page.php?7" target="_top"&gt;PCLinuxOS&lt;/a&gt;'s live/installer CD. &lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-8555578516360209550?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/8555578516360209550/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/partitioning-windows-and-ubuntu.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8555578516360209550'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8555578516360209550'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/partitioning-windows-and-ubuntu.html' title='Partitioning Windows and Ubuntu'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-4783826780342313345</id><published>2009-03-31T13:32:00.000-07:00</published><updated>2009-03-31T13:33:48.038-07:00</updated><title type='text'>Which *buntu to pick?</title><content type='html'>&lt;a href="#intro"&gt;Introduction&lt;/a&gt;&lt;br&gt;&lt;br /&gt;&lt;a href="#buntu"&gt;Should I use Ubuntu, Kubuntu, Xubuntu, or Edubuntu? What's the difference?&lt;/a&gt;&lt;br&gt;&lt;br /&gt;&lt;a href="#numdotnumnum"&gt;8.04? 7.10? 7.04? 6.10? 6.06? What is all this?&lt;/a&gt;&lt;br&gt;&lt;br /&gt;&lt;a href="#deskaltserv"&gt;Desktop CD, Alternate CD, or Server CD?&lt;/a&gt;&lt;br&gt;&lt;br /&gt;&lt;a href="#dvd"&gt;What's the difference between the Ubuntu CD and DVD?&lt;/a&gt;&lt;br&gt;&lt;br /&gt;&lt;a href="#method"&gt;How do I get *buntu?&lt;/a&gt;&lt;p&gt;&lt;br /&gt;&lt;br /&gt;&lt;a name="intro"&gt;&lt;h3&gt;Introduction&lt;/h3&gt;&lt;/a&gt;&lt;br /&gt;Before some people can even begin using Ubuntu, they want to sort out which version to use. This page can help you sort it all out.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;If reading this page confuses you, however, just go with Ubuntu, the latest version (8.04 right now), the Desktop CD. You don't have to worry about these other options unless you're &lt;i&gt;really&lt;/i&gt; curious.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;a name="buntu"&gt;&lt;h3&gt;Should I use Ubuntu, Kubuntu, Xubuntu, or Edubuntu? What's the difference?&lt;/h3&gt;&lt;/a&gt;&lt;br /&gt;Ubuntu, Kubuntu, Xubuntu, and Edubuntu are all the same Linux distro using the same base, the same software repositories, and the same release cycle. They just have different artwork, different user interfaces (in most cases), and different default programs installed.&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;b&gt;Ubuntu&lt;/b&gt; uses a user interface (or desktop environment) called Gnome. Gnome is focused on simplicity and usability. Ubuntu includes a bunch of Gnome-native applications such as Rhythmbox (music player), Sound Juicer (CD player and ripper), Evolution (email client and calendar), and Gedit (text editor). You can find the full list of software packages in &lt;i&gt;ubuntu-desktop&lt;/i&gt; &lt;a href="http://packages.ubuntu.com/cgi-bin/search_packages.pl?keywords=ubuntu-desktop&amp;searchon=names&amp;version=all&amp;release=all" target="windows"&gt;here&lt;/a&gt;.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;b&gt;Kubuntu&lt;/b&gt; uses the K Desktop Environment (also known as KDE). KDE is focused on including a lot of point-and-click configuration options immediately available to end users. Kubuntu includes a bunch of KDE-native applications such as AmaroK (music player), K3B (CD burning), Konqueror (web browser and file manager), and Kopete (instant messenger). You can find the full list of software packages in &lt;i&gt;kubuntu-desktop&lt;/i&gt; &lt;a href="http://packages.ubuntu.com/cgi-bin/search_packages.pl?keywords=kubuntu-desktop&amp;searchon=names&amp;version=all&amp;release=all" target="windows"&gt;here&lt;/a&gt;. &lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;b&gt;Xubuntu&lt;/b&gt; uses the Xfce desktop environment, which is a lighter one than Gnome or KDE. In terms of its design principles, it has a bit of a balance&amp;mdash;presenting in some ways more point-and-click configuration options than Gnome but also retaining some of the simplicity of Gnome. Its main appeal is its speed, though, and it's ideal for systems with 128 to 256 MB of RAM. Both Ubuntu and Kubuntu can run on 256 MB of RAM, but they're more ideal for 512 MB of RAM or more. Xfce includes Thunar (file manager), Thunderbird (email client), and Mousepad (text editor). You can find a full list of software packages in &lt;i&gt;xubuntu-desktop&lt;/i&gt; &lt;a href="http://packages.ubuntu.com/cgi-bin/search_packages.pl?keywords=xubuntu-desktop&amp;searchon=names&amp;version=all&amp;release=all" target="windows"&gt;here&lt;/a&gt;.&lt;br /&gt;&lt;p&gt; &lt;br /&gt;&lt;b&gt;Edubuntu&lt;/b&gt; uses the Gnome desktop environment but has a different set of default applications from Ubuntu.  Its focus is on educational tools.  It includes GPaint (an easy to use paint program),  Atomix (a puzzle game for building molecules out of isolated atoms), and Xaos (a real-time interactive fractal zoomer). You can find a full list of software packages in &lt;i&gt;edubuntu-desktop&lt;/i&gt; &lt;a href="http://packages.ubuntu.com/cgi-bin/search_packages.pl?keywords=edubuntu-desktop&amp;searchon=names&amp;version=all&amp;release=all" target="windows"&gt;here&lt;/a&gt;.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;b&gt;Mixing and matching *buntus&lt;/b&gt; is possible and often encouraged by the community. If you choose Ubuntu, you are not stuck with Ubuntu. If you choose Kubuntu, you are not stuck with Kubuntu. You can use Gnome-native applications in KDE and vice versa. You can use Gnome- and KDE-native applications in Xfce. You can install education-related programs in any desktop environment. You can install &lt;i&gt;kubuntu-desktop&lt;/i&gt; on top of Ubuntu and choose which one you want to log into at the login screen. All four versions of Ubuntu (Ubuntu, Kubuntu, Xubuntu, and Edubuntu) share the same software repositories and available applications. You are not locked into using one version just because it is the first version you installed. From now on, I'll be referring to all or any of the above versions as simply &lt;i&gt;Ubuntu&lt;/i&gt;.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;a name="numdotnumnum"&gt;&lt;h3&gt;8.04? 7.10? 6.10? 6.06? What is all this?&lt;/h3&gt;&lt;/a&gt;&lt;br /&gt;The numbering scheme for releases of Ubuntu sometimes confuses people. It is the year of release followed by the month of release. That's all. You'll also sometimes hear these releases referred to by their nicknames, usually involving alliteration, an adjective, and an animal. I've put the nicknames in parentheses.&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;8.04 LTS: April 2008 (Hardy Heron) Long-Term Support&lt;br /&gt;&lt;li&gt;7.10: October 2007 (Gutsy Gibbon)&lt;br /&gt;&lt;li&gt;7.04: April 2007 (Feisty Fawn)&lt;br /&gt;&lt;li&gt;6.10: October 2006 (Edgy Eft)&lt;br /&gt;&lt;li&gt;6.06 LTS: June 2006 (Dapper Drake) Long-Term Support&lt;br /&gt;&lt;li&gt;5.10: October 2005 (Breezy Badger)&lt;br /&gt;&lt;li&gt;5.04: April 2005 (Hoary Hedgehog)&lt;br /&gt;&lt;li&gt;4.10: October 2004 (Warty Warthog)&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;Please keep in mind that LTSes (Long Term Support releases) are not necessarily stabler than other releases. LTS simply means they gets three years of security updates instead of just eighteen months. I would always recommend the newest release to users who are doing a clean install (as opposed to an upgrade) of Ubuntu. If you're concerned about stability, you may want to wait a little over a month after the release date for the major bugs to be fixed.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;Releases come out around every six months with the latest (for that time) software available and usually some extra features and possibly some new artwork (splash screens/wallpaper).&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;a name="deskaltserv"&gt;&lt;h3&gt;Desktop CD, Alternate CD, or Server CD?&lt;/h3&gt;&lt;/a&gt;&lt;br /&gt;The default option for type of CD is the &lt;b&gt;Desktop CD.&lt;/b&gt; It is a live CD that is also an installation CD. A live CD allows you (provided you have enough memory&amp;mdash;I'd recommend at least 256 MB) to run a fully functional Ubuntu operating system without affecting your hard drive or existing Windows or Mac installation. The live CD runs the session off the CD itself and your computer's RAM. While running the live CD, you can also install Ubuntu to your hard drive (yes, you can browse the web and type up documents &lt;i&gt;while&lt;/i&gt; installing Ubuntu)&amp;mdash;for the combination of live session and installation, I'd recommend at least 384 MB of RAM. &lt;b&gt;Warning&lt;/b&gt;: the Desktop CD cannot be used for upgrades. It will do only a clean (re)installation of Ubuntu.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;If you have a special situation, you may want to use the &lt;b&gt;Alternate CD&lt;/b&gt; instead of the Desktop CD. The Alternate CD allows you to install Ubuntu without also running a live session. This is ideal for people with less RAM (128 to 256 MB of RAM). It also allows you to do OEM installations and the installation of only a command-line system. The Alternate CD can also be used for upgrades from older versions to newer versions of Ubuntu&amp;mdash;particularly handy for those who have a slower (or no) internet connection, since most upgrades happen with direct downloads from the Ubuntu software repositories instead of from a CD.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;The &lt;b&gt;Server CD&lt;/b&gt; provides you all the tools you need to set up a server (including LAMP). It does not come with a GUI (graphical user interface), but you can add one later if you feel you really need one (most people recommend against using a GUI on a server). If you accidentally downloaded the Server CD and want a home desktop instead of a server, you can install a home desktop by typing &lt;div class="terminal"&gt;sudo apt-get update&lt;br&gt;&lt;br /&gt;sudo apt-get install ubuntu-desktop&lt;br&gt;&lt;br /&gt;sudo /etc/init.d/gdm start&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;a name="dvd"&gt;&lt;h3&gt;What's the difference between the Ubuntu CD and DVD?&lt;/h3&gt;&lt;/a&gt;&lt;br /&gt;The CD usually contains only one version of Ubuntu (Ubuntu, Kubuntu, Xubuntu, Edubuntu) and is either the Desktop CD, the Alternate CD, or the Server CD. The DVD contains the entire Main and Restricted repositories (read more about Main and Restricted &lt;a href="http://www.ubuntu.com/community/ubuntustory/components"&gt;here&lt;/a&gt;), which means it has Ubuntu, Kubuntu, Xubuntu, and Edubuntu, allowing you to install any or all four versions without needing an internet connection.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;a name="method"&gt;&lt;h3&gt;How do I get *buntu?&lt;/h3&gt;&lt;/a&gt;&lt;br /&gt;You can &lt;b&gt;download&lt;/b&gt; any *buntu off the appropriate website:&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;Ubuntu: &lt;a href="http://www.ubuntu.com/getubuntu/download" target="windows"&gt;www.ubuntu.com/getubuntu/download&lt;/a&gt;&lt;br /&gt;&lt;li&gt;Kubuntu: &lt;a href="http://www.kubuntu.org/download.php" target="windows"&gt;www.kubuntu.org/download&lt;/a&gt;&lt;br /&gt;&lt;li&gt;Xubuntu: &lt;a href="http://www.xubuntu.org/get" target="windows"&gt;www.xubuntu.org/get&lt;/a&gt;&lt;br /&gt;&lt;li&gt;Edubuntu: &lt;a href="http://www.edubuntu.org/Download" target="windows"&gt;www.edubuntu.org/Download&lt;/a&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;To help ensure the integrity of downloads, try to use &lt;a href="http://www.bittorrent.com/download" target="windows"&gt;BitTorrent&lt;/a&gt;, especially if you're downloading over dial-up. These CD images are usually several-hundred-megabyte files and can easily be corrupted during download. You can find a guide to checking the integrity of CD images and burning CD images &lt;a href="iso"&gt;here&lt;/a&gt;. That guide also includes links to other guides for further reference.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;You can order &lt;b&gt;free CDs&lt;/b&gt; using &lt;a href="https://shipit.ubuntu.com/" target="windows"&gt;Ubuntu's ShipIt service&lt;/a&gt;. The CDs ShipIt sends you are entirely cost-free, including postage. They may take a long while to get to you, around two months sometimes.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;Certain &lt;b&gt;online vendors&lt;/b&gt; also sell Ubuntu DVDs and CDs. Some countries' Amazon.com sites, for example, sell &lt;a href="http://www.amazon.com/Canonical-Ubuntu-7-04-PC-Edition/dp/B000PSWZSC/ref=pd_bbs_sr_4/104-8442284-6117504?ie=UTF8&amp;s=software&amp;qid=1179027889&amp;sr=8-4" target="windows"&gt;Ubuntu DVDs&lt;/a&gt;.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;Some &lt;b&gt;hardware vendors&lt;/b&gt; sell Ubuntu (or other Linux distros) preinstalled, saving you the trouble of downloading Ubuntu, figuring out how to install it, and wondering whether or not it's compatible with your hardware. You can find a list of vendors &lt;a href="http://lxer.com/module/db/index.php?dbn=14" target="windows"&gt;here&lt;/a&gt;. At least in the United States, two popular Ubuntu vendor are &lt;a href="http://www.zareason.com" target="windows"&gt;ZaReason&lt;/a&gt; and &lt;a href="http://www.system76.com" target="windows"&gt;System76&lt;/a&gt;. &lt;!-- Here are &lt;a href="http://ubuntuforums.org/showthread.php?t=343798" target="windows"&gt;some people's reviews of System76.&lt;/a&gt; --&gt; Dell has also start selling &lt;a target="windows" href="http://www.dell.com/content/topics/segtopic.aspx/linux_3x?c=us&amp;cs=19&amp;l=en&amp;s=dhs"&gt;desktops and laptops with Ubuntu preinstalled&lt;/a&gt; on them. &lt;p&gt; &lt;a href="http://lxer.com/module/db/index.php?dbn=14" target="windows"&gt;A full list of vendors selling preinstalled Linux&lt;/a&gt; is available at Lxer.&lt;br /&gt;&lt;p&gt;&lt;br /&gt;Find a &lt;b&gt;Linux User Group&lt;/b&gt; in your area and ask someone to install Ubuntu for you. &lt;a href="http://www.linux.org/groups/" target="windows"&gt;LUGs&lt;/a&gt; often have what are called &lt;i&gt;Installfests&lt;/i&gt;, where you can bring your computer and get free help installing Linux on your computer and troubleshooting problems. Linux users are very giving and willing to help new adopters of Linux.&lt;br /&gt;&lt;p&gt;&lt;/span&gt;&lt;br /&gt;&lt;p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-4783826780342313345?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/4783826780342313345/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/which-buntu-to-pick.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/4783826780342313345'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/4783826780342313345'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/which-buntu-to-pick.html' title='Which *buntu to pick?'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-3839461955383151707</id><published>2009-03-31T13:31:00.002-07:00</published><updated>2009-03-31T13:32:20.542-07:00</updated><title type='text'>Free Domain &amp; Free Hosting For Making Web</title><content type='html'>Making web this is by merger free domain name and free webhosting. In this article I use &lt;a target="windows" href="http://www.co.cc/?id=149593"&gt;www.co.cc&lt;/a&gt; as domain name (&lt;a target="windows" href="http://www.co.cc/?id=149593"&gt;click here for free register&lt;/a&gt;) and for webhosting use &lt;a target="windows" href="http://www.000webhost.com/74504.html"&gt;www.000webhost.com&lt;/a&gt; (&lt;a target="windows" href="http://www.000webhost.com/74504.html"&gt;click here for free register&lt;/a&gt;).&lt;br /&gt;After you enter in co.cc you'd see the appearance be like under&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_ty6Ja9I67uI/SRcIpRVVSuI/AAAAAAAAADo/NGwpYQVwBFY/s1600-h/first.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 57px;" src="http://4.bp.blogspot.com/_ty6Ja9I67uI/SRcIpRVVSuI/AAAAAAAAADo/NGwpYQVwBFY/s320/first.jpg" alt="" id="BLOGGER_PHOTO_ID_5266687794353621730" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;content of is name of domain which you wish then check availability, ascertain domain which you wish free so that emerge be like picture under&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_ty6Ja9I67uI/SRcKAAdnTDI/AAAAAAAAADw/tM66-1_mSko/s1600-h/second.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 309px; height: 137px;" src="http://1.bp.blogspot.com/_ty6Ja9I67uI/SRcKAAdnTDI/AAAAAAAAADw/tM66-1_mSko/s320/second.jpg" alt="" id="BLOGGER_PHOTO_ID_5266689284473572402" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Then click continue to registration, please fill your data. After process regestration you have to soon setup your domain name.&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_ty6Ja9I67uI/SRcLmPxQRuI/AAAAAAAAAD4/IwBQfmmvJMY/s1600-h/third.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 107px;" src="http://2.bp.blogspot.com/_ty6Ja9I67uI/SRcLmPxQRuI/AAAAAAAAAD4/IwBQfmmvJMY/s320/third.jpg" alt="" id="BLOGGER_PHOTO_ID_5266691040929138402" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;select manage DNS, then fill&lt;br /&gt;name server 1 : ns01.000webhost.com&lt;br /&gt;name server 2 : ns02.000webhost.com&lt;br /&gt;and then click setup&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_ty6Ja9I67uI/SRcNCAgdqNI/AAAAAAAAAEA/_jHrnkmNxTY/s1600-h/fourth.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 176px;" src="http://3.bp.blogspot.com/_ty6Ja9I67uI/SRcNCAgdqNI/AAAAAAAAAEA/_jHrnkmNxTY/s320/fourth.jpg" alt="" id="BLOGGER_PHOTO_ID_5266692617380145362" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Making process of domain name had past, after here is making webhost &lt;a taget="windows" href="http://www.000webhost.com/74504.html"&gt;click here for free register&lt;/a&gt;. Then select signup, enter all data including name domain you which have made&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_ty6Ja9I67uI/SRce1EnpNMI/AAAAAAAAAEI/U79kkGUz4N0/s1600-h/fifth.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 87px;" src="http://3.bp.blogspot.com/_ty6Ja9I67uI/SRce1EnpNMI/AAAAAAAAAEI/U79kkGUz4N0/s320/fifth.jpg" alt="" id="BLOGGER_PHOTO_ID_5266712186355004610" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;After registration process completed, step into the control panel to start to making web. Excess from 000webhost is the facility given is same as we own server xself, here we can use the facility webmail if you wish to have the email address by the name of domain which you make and many again provided facility, but space limited. Ok possibly that way my article, if possibly is insuffiency or question please enter your comment. Useful hopefully&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-3839461955383151707?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/3839461955383151707/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/free-domain-free-hosting-for-making-web.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/3839461955383151707'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/3839461955383151707'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/free-domain-free-hosting-for-making-web.html' title='Free Domain &amp; Free Hosting For Making Web'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_ty6Ja9I67uI/SRcIpRVVSuI/AAAAAAAAADo/NGwpYQVwBFY/s72-c/first.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-8046561533551027993</id><published>2009-03-31T13:31:00.001-07:00</published><updated>2009-03-31T13:31:35.812-07:00</updated><title type='text'>Installing Apache PHP and MySQL</title><content type='html'>&lt;p&gt;PHP and MySQL are usually associated with LAMP (Linux, Apache, MySQL, PHP). However, most PHP developer ( including me ) are actually using Windows when developing the PHP application. So this page will only cover the WAMP ( Windows, Apache, MySQL, PHP ). You will learn how to install Apache, PHP, and MySQL  under Windows platform. &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;The first step is to download the packages :&lt;/p&gt;&lt;br /&gt;    &lt;ul&gt;&lt;br /&gt;        &lt;li&gt;Apache : &lt;a href="http://www.apache.org" target="_blank"&gt;www.apache.org&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;PHP : &lt;a href="http://www.php.net" target="_blank"&gt;www.php.net&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;MySQL : &lt;a href="http://dev.mysql.com/downloads/" target="_blank"&gt;www.mysql.com&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;/ul&gt;&lt;br /&gt;    &lt;br /&gt;   &lt;p&gt;You should get the latest version of each packages. As for the example in this tutorial i'm using Apache 2.0.50 ( apache_2.0.50-win32-x86-no_ssl.msi ), PHP 4.3.10 ( php-4.3.10-Win32.zip ) and MySQL 4.0.18 ( mysql-4.0.18-win.zip ). &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;Now let's start the installation process one by one.&lt;/p&gt;&lt;br /&gt;    &lt;ul&gt;&lt;br /&gt;        &lt;li&gt;&lt;a href="#apache"&gt;Installing Apache&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;&lt;a href="#php"&gt;Installing PHP&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;&lt;a href="#apacheconf"&gt;Modifying Apache Configuration&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;&lt;a href="#mysql"&gt;Installing MySQL&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;&lt;a href="#phpconf"&gt;Modifying PHP Configuration File&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;    &lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;a name="apache"&gt;&amp;nbsp;&lt;/a&gt; &lt;br /&gt;&lt;h2&gt;Installing Apache&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;Installing apache is easy if you download the Microsoft Installer ( .msi ) package. Just double click on the icon to run the installation wizard. Click next until you see the Server Information window. You can enter localhost for both the Network Domain and Server Name. As for the administrator's email address you can enter anything you want. &lt;/p&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;p&gt;I'm using Windows XP and installed Apache as Service so everytime I start Windows Apache is automatically started. &lt;/p&gt;&lt;br /&gt;    &lt;p align="center"&gt;&lt;img src="http://www.php-mysql-tutorial.com/images/install-apache-1.png" alt="Install Apache PHP MySQL - Enter Apache server information" width="503" height="380"&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;Click the Next button and choose Typical installation. Click Next one more time and choose where you want to install Apache ( I installed it in the default location &lt;span class="courier"&gt;C:\Program Files\Apache Group&lt;/span&gt; ). Click the Next button and then the Install button to complete the installation process.&lt;/p&gt;&lt;br /&gt; &lt;p&gt;To see if you Apache installation was successful open up you browser and type &lt;span class="courier"&gt;http://localhost&lt;/span&gt; in the address bar. You should see something like this :&lt;/p&gt;&lt;br /&gt; &lt;p align="center"&gt;&lt;img src="http://www.php-mysql-tutorial.com/images/install-apache-2.jpg" alt="Install Apache PHP MySQL  - Testing Apache Installation ( thumbnail created using PHP graphics library )" width="500" height="369"&gt;&lt;/p&gt;&lt;br /&gt; &lt;p&gt;By default Apache's &lt;strong&gt;document root &lt;/strong&gt;is set to&lt;strong&gt; &lt;span class="courier"&gt;htdocs&lt;/span&gt;&lt;/strong&gt;&lt;span class="courier"&gt; &lt;/span&gt;directory. The document root is where you must put all your PHP or HTML files so it will be process by Apache ( and can be seen through a web browser ). Of course you can change it to point to any directory you want. The configuration file for Apache is stored in &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2\conf\httpd.conf &lt;/span&gt;( assuming you installed Apache in &lt;span class="courier"&gt;C:\Program Files\Apache Group&lt;/span&gt; ) . It's just a plain text file so you can use Notepad to edit it. &lt;/p&gt;&lt;br /&gt;&lt;p&gt;For example, if you want to put all your PHP or HTML files in &lt;span class="courier"&gt;C:\www &lt;/span&gt;just find this line in the httpd.conf :&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;span class="courier"&gt;DocumentRoot &amp;quot;C:/Program Files/Apache Group/Apache2/htdocs&amp;quot; &lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;and change it to :&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;span class="courier"&gt;DocumentRoot &amp;quot;C:/www&amp;quot;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;After making changes to the configuration file you have to restart Apache ( &lt;span class="courier"&gt;Start &amp;gt; Programs &amp;gt; Apache HTTP Server 2.0.50 &amp;gt; Control Apache Server &amp;gt; Restart&lt;/span&gt; ) to see the effect.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;Another configuration you may want to change is the &lt;strong&gt;directory index.&lt;/strong&gt; This is the file that Apache will show when you request a directory. As an example if you type http://www.yourweb.com/ without specifying any file the index.php file will be automatically shown.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;Suppose you want apache to use&lt;span class="courier"&gt; index.html, index.php&lt;/span&gt; or&lt;span class="courier"&gt; main.php&lt;/span&gt; as the directory index you can modify the &lt;span class="courier"&gt;DirectoryIndex&lt;/span&gt; value like this :&lt;/p&gt;&lt;br /&gt;    &lt;p class="courier"&gt;DirectoryIndex index.html index.php main.php&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;Now whenever you request a directory such as &lt;span class="courier"&gt;http://localhost/&lt;/span&gt; Apache will try to find the &lt;span class="courier"&gt;index.html&lt;/span&gt; file or if it's not found Apache will use &lt;span class="courier"&gt;index.php&lt;/span&gt;. In case &lt;span class="courier"&gt;index.php&lt;/span&gt; is also not found then &lt;span class="courier"&gt;main.php&lt;/span&gt; will be used.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;a name="php"&gt;&amp;nbsp;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;    &lt;h2&gt;Installing PHP&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;First, extract the PHP package ( php-4.3.10-Win32.zip ). I extracted the package in the directory where Apache was installed ( &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2&lt;/span&gt; ). Change the new created directory name to &lt;span class="courier"&gt;php&lt;/span&gt; ( just to make it shorter ). Then copy the file &lt;span class="courier"&gt;php.ini-dist&lt;/span&gt; in PHP directory to you windows directory ( C:\Windows or C:\Winnt depends on where you installed Windows ) and rename the file to &lt;span class="courier"&gt;php.ini&lt;/span&gt;. This is the PHP configuration file and we'll take a look what's in it later on.&lt;/p&gt; &lt;br /&gt;&lt;p&gt; Next, move the php4ts.dll file from the newly created php directory into the sapi subdirectory. Quoting from php installation file you can also place php4ts.dll in other places such as :&lt;/p&gt;&lt;br /&gt;    &lt;ul&gt;&lt;br /&gt;        &lt;li&gt; In the directory where apache.exe is start from ( &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2&lt;/span&gt; \bin)&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;In your %SYSTEMROOT%\System32, %SYSTEMROOT%\system and %SYSTEMROOT% directory.&lt;br&gt; Note: %SYSTEMROOT%\System32 only applies to Windows NT/2000/XP)&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;In your whole %PATH%&lt;/li&gt;&lt;br /&gt;    &lt;/ul&gt;&lt;br /&gt;    &lt;p&gt;&lt;strong&gt;Side Note :&lt;/strong&gt; Thanks to Shannon Tang for pointing this out&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;a name="apacheconf"&gt;&amp;nbsp;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;    &lt;h2&gt;Modifying Apache Configuration&lt;/h2&gt;&lt;br /&gt;    &lt;p&gt;Apache doesn't know that you just install PHP. We need to tell Apache about PHP and where to find it. Open the Apache configuration file in &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2\conf\httpd.conf and add the following three lines :&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p class="courier"&gt;LoadModule php4_module php/sapi/php4apache2.dll&lt;br&gt;&lt;br /&gt;        AddType application/x-httpd-php .php&lt;br&gt;&lt;br /&gt;        AddType application/x-httpd-php-source .phps &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;The first line tells Apache where to load the dll required to execute PHP and the second line means that every file that ends with &lt;span class="courier"&gt;.php&lt;/span&gt; should be processed as a PHP file. You can actually change it to anything you want like &lt;span class="courier"&gt;.html &lt;/span&gt;or even &lt;span class="courier"&gt;.asp&lt;/span&gt;! The third line is added so that you can view your php file source code in the browser window. You will see what this mean when you browse this tutorial and click the link to the example's source code like &lt;a href="http://www.php-mysql-tutorial.com/examples/source/php-tutorial/array.phps" target="_blank"&gt;this one&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt; &lt;p&gt;Now restart Apache for the changes to take effect ( &lt;span class="courier"&gt;Start &amp;gt; Programs &amp;gt; Apache HTTP Server 2.0.50 &amp;gt; Control Apache Server &amp;gt; Restart&lt;/span&gt; ) . To check if everything is okay create a new file, name it as &lt;span class="courier"&gt;test.php&lt;/span&gt; and put it in document root directory ( &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2\htdocs )&lt;/span&gt;. The content of this file is shown below.&lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;br /&gt;    &lt;div class="codebox"&gt;&amp;lt;?php&lt;br&gt;&lt;br /&gt;        phpinfo();&lt;br&gt;&lt;br /&gt;        ?&amp;gt; &lt;/div&gt;&lt;br /&gt;    &lt;p&gt;&lt;span class="phpcode"&gt;phpinfo() &lt;/span&gt;is the infamous PHP function which will spit out all kinds of stuff about PHP and your server configuration. Type &lt;span class="courier"&gt;http://localhost/test.php&lt;/span&gt; on your browser's address bar and if everything works well you should see something like this :&lt;/p&gt;&lt;br /&gt; &lt;p align="center"&gt;&lt;img src="http://www.php-mysql-tutorial.com/images/test-php-installation.gif" width="605" height="492"&gt; &lt;br /&gt;   &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;a name="mysql"&gt;&amp;nbsp;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;    &lt;h2&gt;Installing MySQL&lt;/h2&gt;&lt;br /&gt;    &lt;p&gt;First extract the package ( mysql-4.0.18-win.zip ) to a temporary directory, hen run &lt;span class="courier"&gt;setup.exe. &lt;/span&gt;Keep clicking the next button to complete the installation. By default MySQL will be installed in &lt;span class="courier"&gt;C:\mysql.&lt;/span&gt;&lt;/p&gt;&lt;br /&gt; &lt;p&gt;Open a DOS window and go to &lt;span class="courier"&gt;C:\mysql\bin &lt;/span&gt;and then run &lt;span class="courier"&gt;mysqld-nt --console&lt;/span&gt; , you should see some messages like these :&lt;/p&gt;&lt;br /&gt;    &lt;div class="codebox"&gt;&lt;strong&gt;C:\mysql\bin&amp;gt;mysqld-nt --console&lt;/strong&gt;&lt;br&gt;&lt;br /&gt;        InnoDB: The first specified data file .\ibdata1 did not exist:&lt;br&gt;&lt;br /&gt;        InnoDB: a new database to be created!&lt;br&gt;&lt;br /&gt;        040807 10:54:09 InnoDB: Setting file .\ibdata1 size to 10 MB&lt;br&gt;&lt;br /&gt;        InnoDB: Database physically writes the file full: wait...&lt;br&gt;&lt;br /&gt;        040807 10:54:11 InnoDB: Log file .\ib_logfile0 did not exist: new to be &lt;br /&gt;        created &lt;br /&gt;        &lt;p&gt;InnoDB: Setting log file .\ib_logfile0 size to 5 MB&lt;br&gt;&lt;br /&gt;            InnoDB: Database physically writes the file full: wait...&lt;br&gt;&lt;br /&gt;            040807 10:54:12 InnoDB: Log file .\ib_logfile1 did not exist: new to be created&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;InnoDB: Setting log file .\ib_logfile1 size to 5 MB&lt;br&gt;&lt;br /&gt;            InnoDB: Database physically writes the file full: wait...&lt;br&gt;&lt;br /&gt;            InnoDB: Doublewrite buffer not found: creating new&lt;br&gt;&lt;br /&gt;            InnoDB: Doublewrite buffer created&lt;br&gt;&lt;br /&gt;            InnoDB: Creating foreign key constraint system tables&lt;br&gt;&lt;br /&gt;            InnoDB: Foreign key constraint system tables created&lt;br&gt;&lt;br /&gt;            040807 10:54:31 InnoDB: Started&lt;br&gt;&lt;br /&gt;            mysqld-nt: ready for connections.&lt;br&gt;&lt;br /&gt;            Version: '4.0.18-nt' socket: '' port: 3306&lt;br&gt;&lt;br /&gt;        &lt;/p&gt;&lt;br /&gt;    &lt;/div&gt;&lt;br /&gt;    &lt;p&gt;Now open another DOS window and type &lt;span class="courier"&gt;C:\mysql\bin\mysql &lt;br /&gt;        &lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;if your installation is successful you will see the MySQL client running :&lt;/p&gt;&lt;br /&gt;    &lt;p&gt; &lt;br /&gt;    &lt;div class="codebox"&gt;&lt;strong&gt;C:\mysql\bin&amp;gt;mysql&lt;/strong&gt;&lt;br&gt; Welcome to the MySQL monitor. Commands end with ; or \g.&lt;br&gt;&lt;br /&gt;        Your MySQL connection id is 1 to server version: 4.0.18-nt &lt;br /&gt;        &lt;p&gt;Type 'help;' or '\h' for help. Type '\c' to clear the buffer.&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;mysql&amp;gt;&lt;/p&gt;&lt;br /&gt;    &lt;/div&gt;&lt;/p&gt;&lt;br /&gt;    Type &lt;span class="courier"&gt;exit &lt;/span&gt;on the &lt;span class="courier"&gt;mysql&amp;gt;&lt;/span&gt; &lt;br /&gt;    prompt to quit the MySQL client. &lt;br /&gt;    &lt;p&gt;Now let's&lt;strong&gt; install MySQL as a Service.&lt;/strong&gt; The process is simple just type &lt;span class="courier"&gt;mysqld-nt --install&lt;/span&gt; to install the service and &lt;span class="courier"&gt;net start mysql&lt;/span&gt; to run the service. But make sure to shutdown the server first using &lt;span class="courier"&gt;mysqladmin -u root shutdown&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt; &lt;br /&gt;    &lt;div class="codebox"&gt; &lt;br /&gt;        &lt;p&gt; C:\mysql\bin&amp;gt;mysqladmin -u root shutdown&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;&lt;strong&gt;C:\mysql\bin&amp;gt;mysqld-nt --install&lt;/strong&gt;&lt;br&gt;&lt;br /&gt;            Service successfully installed. &lt;/p&gt;&lt;br /&gt;        &lt;p&gt;C:\mysql\bin&amp;gt;net start mysql&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;The MySQL service was started successfully.&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;&lt;br&gt;&lt;br /&gt;            C:\mysql\bin&amp;gt;mysql&lt;br&gt;&lt;br /&gt;            Welcome to the MySQL monitor. Commands end with ; or \g.&lt;br&gt;&lt;br /&gt;            Your MySQL connection id is 1 to server version: 4.0.18-nt&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;Type 'help;' or '\h' for help. Type '\c' to clear the buffer.&lt;/p&gt;&lt;br /&gt;        &lt;p&gt;mysql&amp;gt;&lt;/p&gt;&lt;br /&gt;    &lt;/div&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;&lt;a name="phpconf"&gt;&amp;nbsp;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;    &lt;h2&gt;Modifying PHP Configuration File ( php.ini )&lt;/h2&gt;&lt;br /&gt;    &lt;p&gt;PHP stores all kinds of configuration in a file called &lt;span class="courier"&gt;php.ini.&lt;/span&gt;You can find this file in the directory where you installed PHP. Sometimes you will need to modify this file for example to use a PHP extension. I won't explain each and every configuration available just the ones that often need modification or special attention. &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;Some of the configurations are : &lt;/p&gt;&lt;br /&gt;    &lt;ol&gt;&lt;br /&gt;        &lt;li&gt;register_globals&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;error_reporting and display_errors&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;extension and extension_path&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;session.save_path&lt;/li&gt;&lt;br /&gt;        &lt;li&gt;max_execution_time&lt;/li&gt;&lt;br /&gt;    &lt;/ol&gt;&lt;br /&gt;    &lt;h3&gt;register_globals&lt;/h3&gt;&lt;br /&gt;    &lt;p&gt;Before PHP 4.2.0 the default value for this configuration is &lt;strong&gt;On&lt;/strong&gt; and after 4.2.0 the default value is &lt;strong&gt;Off. &lt;/strong&gt;The reason for this change is because it is so easy to write &lt;strong&gt;insecure &lt;/strong&gt;code with this value on. So make sure that this value is Off in php.ini.&lt;/p&gt;&lt;br /&gt;    &lt;h3&gt;error_reporting and display_errors&lt;/h3&gt;&lt;br /&gt;    &lt;p&gt;Set the value to &lt;span class="courier"&gt;error_reporting = E_ALL&lt;/span&gt; during development but after production set the value to &lt;span class="courier"&gt;error_reporting = E_NONE&lt;/span&gt; . &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;The reason to use E_ALL during development is so you can catch most of the nasty bugs in your code. PHP will complain just about any errors you make and spit out all kinds of warning ( for example if you're trying to use an uninitialized variable ). &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;However, after production you should change the value to E_NONE so PHP will keep quiet even if there's an error in your code. This way the user won't have to see all kinds of PHP error message when running the script.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;One important thing to note is that you will also need to set the value of &lt;span class="courier"&gt;display_erros&lt;/span&gt; to On. Even if you set &lt;span class="courier"&gt;error_reporting = E_ALL&lt;/span&gt; you will not get any error message ( no matter how buggy our script is ) unless &lt;span class="courier"&gt;display_errors&lt;/span&gt; is set to On.&lt;/p&gt;&lt;br /&gt;    &lt;h3&gt;extension and extension_path&lt;/h3&gt;&lt;br /&gt;    &lt;p&gt;PHP4 comes with about 51 extensions such as GD library ( for graphics creation and manipulation ), CURL, PostgreSQL support etc. These extensions are not turned on automatically. If you need to use the extension, first you need to specify the location of the extensions and then uncomment the extension you want. &lt;/p&gt;&lt;br /&gt;    &lt;p&gt;The value of &lt;span class="courier"&gt;extension_path&lt;/span&gt; must be set to the directory where the extension is installed which is PHP_INSTALL_DIR/extensions, with PHP_INSTALL_DIR is the directory where you install PHP. For example I installed PHP in &lt;span class="courier"&gt;C:\Program Files\Apache Group\Apache2\php&lt;/span&gt; so the extensions path is&lt;span class="phpcode"&gt; :&lt;br&gt; &lt;/span&gt;&lt;span class="phpcode"&gt;&lt;br&gt; &lt;/span&gt;&lt;span class="courier"&gt;extension_path =&lt;span class="courier"&gt; C:/Program Files/Apache Group/Apache2&lt;/span&gt;/php/extensions/ &lt;/span&gt;&lt;/p&gt;  &lt;br /&gt;   &lt;p&gt;Don't forget to add that last slash or it won't work&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;After specifying the &lt;span class="courier"&gt;extension_path&lt;/span&gt; you will need to uncomment the extension you want to use. In &lt;span class="courier"&gt;php.ini&lt;/span&gt; a comment is started using a semicolon &lt;span class="courier"&gt;(;). &lt;/span&gt;As an example if you want to use GD library then you must remove the semicolon at the beginning of &lt;span class="courier"&gt;;extension=php_gd2.dll&lt;/span&gt;&lt;span class="phpcode"&gt;&lt;/span&gt;to &lt;span class="courier"&gt;extension=php_gd2.dll&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;h3&gt;session.save_path&lt;/h3&gt;&lt;br /&gt;    &lt;p&gt;This configuration tells PHP where to save the session data. You will need to set this value to an existing directory or you will not be able to use session. In Windows you can set this value as &lt;span class="courier"&gt;session.save_path = c:/windows/temp/&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;h3&gt;max_execution_time&lt;/h3&gt;&lt;br /&gt;    &lt;p&gt;The default value for&lt;span class="courier"&gt; max_execution_time&lt;/span&gt; is 30 ( seconds ). But for some scripts 30 seconds is just not enough to complete it's task. For example a database backup script may need more time to save a huge database.&lt;/p&gt;&lt;br /&gt;    &lt;p&gt; If you think your script will need extra time to finish the job you can set this to a higher value. For example to set the maximun script execution time to 15 minutes ( 900 seconds ) you can modify the configuration as&lt;span class="phpcode"&gt; &lt;/span&gt;&lt;span class="courier"&gt;max_execution_time = 900&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;    &lt;p&gt;PHP have a convenient function to modify PHP configuration in runtime, &lt;span class="phpcode"&gt;ini_set()&lt;/span&gt;. Setting PHP configuration using this function &lt;strong&gt;will not&lt;/strong&gt; make the effect permanent. It last only until the script ends. &lt;/p&gt;    &lt;hr align="left" width="200" noshade&gt;&lt;br /&gt;    &lt;p&gt;That's it, now you have Apache, PHP and MySQL installed and running smoothly.&lt;/p&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-8046561533551027993?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/8046561533551027993/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/installing-apache-php-and-mysql.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8046561533551027993'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8046561533551027993'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/installing-apache-php-and-mysql.html' title='Installing Apache PHP and MySQL'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-2301710023015303507</id><published>2009-03-31T13:30:00.001-07:00</published><updated>2009-03-31T13:30:25.870-07:00</updated><title type='text'>Free Web Hosting</title><content type='html'>If you wish to have a professional shared hosting quality in a free hosting package, come and host with 000webhost.com and experience the best service you can get absolutely free.&lt;br /&gt;&lt;br /&gt;Founded in December 2006, 000webhost.com has a trusted free hosting members base of over 60,000 members and still counting! Offering professional quality hosting, support, uptime and reliability, we have a great community of webmasters, you'd love to be a part of!&lt;br /&gt;&lt;br /&gt;Register now and get it all free:&lt;br /&gt;*** 1500 MB of disk space&lt;br /&gt;*** 100 GB of data transfer&lt;br /&gt;*** PHP and MySQL support with no restrictions&lt;br /&gt;*** cPanel control panel&lt;br /&gt;*** Website Builder&lt;br /&gt;*** Absolutely no advertising!&lt;br /&gt;&lt;br /&gt;Join us now: &lt;a target="windows" href="http://www.000webhost.com/74504.html"&gt;http://www.000webhost.com/74504.html&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-2301710023015303507?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/2301710023015303507/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/free-web-hosting.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/2301710023015303507'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/2301710023015303507'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/free-web-hosting.html' title='Free Web Hosting'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3634701627456867266.post-8579315417671560169</id><published>2009-03-31T13:29:00.001-07:00</published><updated>2009-03-31T13:29:34.338-07:00</updated><title type='text'>Free Domain Hosting</title><content type='html'>DotEasy.com Free Domain Hosting&lt;br /&gt;Included with domain name purchase, at the time of this review buying the domain name through them costs $25, a reasonably competitive price, especially since they offer you free hosting with that! Their free hosting package gives you 100 megs of storage, 1GB/month of data transfer, up 10 personalized email addresses (ie. yourname@example.com, sales@example.com etc.), FTP access, free setup and no monthly or hidden fees.&lt;br /&gt;&lt;br /&gt;They also offer many low priced packages if your site needs more space or bandwidth but you don't want to have to spend a lot. Again at the time of this review (their prices may have changed since) their Ultra Hosting package is only $7.95/month and includes 1000 MB storage, 20 GB monthly traffic, 100 email accounts, PHP / MySQL / CGI /SSL / Frontpage etc.&lt;br /&gt;Forced Ads: None, it's ad-free.&lt;br /&gt;&lt;span class="fullpost"&gt;&lt;br /&gt;&lt;a href="http://www.mister.net/"&gt;Mister.Net&lt;/a&gt;&lt;br /&gt;"No setup fees, No forced advertising, No banners, No popups, No fine print, No contracts and No hidden charges. Not now. Not Ever!" My sister hosts her domain here and says the service has been great. Their free domain hosting package gives 250 MB disk space, front page extensions, personal cgi-bin, unlimited email accounts, 5 pop mail accounts, 5 Gigs of bandwidth per month, unlimited ftp access, web based site control panel, domain control panel, accept credit cards worldwide, free e-commerce/shopping cart and more. Worth looking into!&lt;br /&gt;Forced Ads: None.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.x10hosting.com/"&gt;x10Hosting&lt;/a&gt;&lt;br /&gt;This free host offers 2 different plans. The first has no ads and offers up to 10 GB of bandwidth, the second plan does have ads but gives up to 45 GB of bandwidth. From the looks of it you get to place the ads yourself so you'll be able to work them into your site's layout better than at some other hosts, also the ad size is based on the plan you choose, for example (at the time of this review) if you just need 20 Gb of bandwidth per month the ad is a text ad, for 40Gb it's a 468 x 60 Banner.&lt;br /&gt;&lt;br /&gt;All hosting plans at x10Hosting come with cPanel, Custom Account Panel, Addon Domains, Parked Domains, Sub Domains, FTP Accounts, E-mail (including webmail), PHP and GD Library.&lt;br /&gt;Forced Ads: Your choice depending on the plan you choose.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.fphosting.co.uk/"&gt;Fire Productions Hosting&lt;/a&gt;&lt;br /&gt;Looking for a free host in The U.K.? This one offers 100Mb of space with 5 Gb Data Transfer, 2 Domains and up to 4 Subdomains! A few nice extras are PHP with 1 MySQL account, a free DNS server a control panel and FTP.&lt;br /&gt;Forced Ads: None.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.awardspace.com/"&gt;Award Space&lt;/a&gt;&lt;br /&gt;Award Space lets you host 2 domains and have 5 subdomains for free that include 200 MB of free space, 5 GB /month data transfer (bandwidth) and 5 email accounts (both POP3 &amp; IMAP access). A few advanced features available are CGI, PHP Support, SSI and access to 1 MySQL Database as well as access to Web access and error logs. Uploading files to your domain can be done through FTP or browser based upload.&lt;br /&gt;&lt;br /&gt;When I tested it I found the service to be fairly reliable with no huge downtimes or slowdowns. The control panel did have a lot of ads, but that's very fair considering they need to pay their bills to be able to keep the hosting free.&lt;br /&gt;Forced Ads: No forced ads at all added to the sites hosted.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.freehostia.com/"&gt;FreeHostia&lt;/a&gt;&lt;br /&gt;Register a top level domain with them for $19.95 and they give you free domain hosting with 250 MB space and 5 GB monthly bandwidth. A few bonus features are 5 subdomains are available, Perl and PHP with 1 MySQL database and PHPMyAdmin, FrontPage extensions, SSI and many others. Again, I haven't had a chance to test this host (I can only run so many domains at a time ;-) ), but it does look like a good one.&lt;br /&gt;Forced Ads: Nope.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3634701627456867266-8579315417671560169?l=fathoni-site.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://fathoni-site.blogspot.com/feeds/8579315417671560169/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/free-domain-hosting.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8579315417671560169'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3634701627456867266/posts/default/8579315417671560169'/><link rel='alternate' type='text/html' href='http://fathoni-site.blogspot.com/2009/03/free-domain-hosting.html' title='Free Domain Hosting'/><author><name>Fathoni</name><uri>http://www.blogger.com/profile/17152856611100579757</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://2.bp.blogspot.com/_0PSV6aSGb5o/SzAwjqh9-pI/AAAAAAAAACg/MvDhHT--Ycs/S220/IsG2SVGDHG5znJJ5Crjn7U3adCmhAIClY2QnhQ5WHJacwCHfXuNaux2FOw8YrTo30G8pAND3Qlj-Adt_LIAWkYVUrNSqRv2XGCql57bxf24.png'/></author><thr:total>0</thr:total></entry></feed>
