<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3.3" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>EasyWebTutorials</title>
	<link>http://www.easywebtutorials.com/blog</link>
	<description>www news, internet tutorials and some personal stuff, too.</description>
	<pubDate>Wed, 19 Mar 2008 17:13:38 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.3</generator>
	<language>en</language>
			<item>
		<title>New Web2.0 SEO WordPress Themes in Development - Your Help Needed !</title>
		<link>http://www.easywebtutorials.com/blog/2008/03/19/web20-themes-development/</link>
		<comments>http://www.easywebtutorials.com/blog/2008/03/19/web20-themes-development/#comments</comments>
		<pubDate>Wed, 19 Mar 2008 17:11:42 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[SEO]]></category>

		<category><![CDATA[theme]]></category>

		<category><![CDATA[web2.0]]></category>

		<category><![CDATA[wordpress]]></category>

		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2008/03/19/web20-themes-development/</guid>
		<description><![CDATA[A few weeks ago, I felt the need for a new set of SEO themes, purely based on CSS (i.e. no HTML tables) and with a Web 2.0 look and Web 2.0 features. I saw the Tigopedia reloaded theme which inspired me to use rounded boxes, but tigopedia is just not flexible enough and the [...]]]></description>
			<content:encoded><![CDATA[<p>A few weeks ago, I felt the need for a new set of SEO themes, purely based on CSS (i.e. no HTML tables) and with a Web 2.0 look and Web 2.0 features. I saw the <a href="http://www.sizlopedia.com/tigopedia/" target="_blank">Tigopedia reloaded</a> theme which inspired me to use rounded boxes, but tigopedia is just not flexible enough and the sidebar content comes above the main content in the source, so it&acute;s not well optimized for good search engine rankings.</p>
<p>Since I am developing this new set of themes not only for me, but also for you, I wanted a much more flexible theme, so you can easily change the layout width, the header, the sidebar widths and the whole color scheme. Therefore, I also want to ask you for your input regarding design elements and features that you would like to see in the new theme. Please submit your ideas and suggestions as comments to this post.</p>
<p>You can see the current state of development by selecting the &#8220;web2.0&#8243; theme from the theme switcher as your default theme for my blog.</p>
<p>I started with a 3 column theme, with two sidebars on the right (my favorite layout) and a blue color scheme. The borders of header, top navigation, main column and footer are very flexible in width and height. For the sidebar widgets, I created subheading backgrounds and bottom borders (with rounded edges) in different widths (130, 150, 170, 190, 210, 230 pixels), so you can switch between these values (there will be a tutorial showing how to do this).</p>
<p>3 different color schemes are available right now: blue, green, red</p>
<p>In addition to the current layout (3 columns, 2 sidebars on the right), there will be:<br />
- 3 columns with one sidebar on each side<br />
- 2 columns with sidebar on the left<br />
- 2 columns with sidebar on the right</p>
<p>The layouts are all based on the <a href="http://blog.html.it/layoutgala/" target="_blank">LayoutGala CSS Layouts</a>. For the SEO aspect, these layouts are designed in a way that the main content comes first in the source code, before the sidebars, regardless where the sidebars are located (left of ride side).</p>
<p>The sidebar uses the normal HTML markup for WordPress sidebars (nested unordered lists), so it should work well with any widgets, just in case you are using this feature.</p>
<p>Below each post, there´s a box with links to categories, tags and different social bookmarking sites. Already integrated, the &#8220;social marker&#8221; button that allows people to bookmark your post to several services at once.</p>
<p>Well, here I am, open to your suggestions.</p>
<p>Remember, these themes are for you, so <b>contribute your ideas to the development !</b></p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2008/03/19/web20-themes-development/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ugly Urban - how to create high contrast monochrome pictures</title>
		<link>http://www.easywebtutorials.com/blog/2008/02/29/creating-high-contrast-monochromes/</link>
		<comments>http://www.easywebtutorials.com/blog/2008/02/29/creating-high-contrast-monochromes/#comments</comments>
		<pubDate>Fri, 29 Feb 2008 06:38:11 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Photoshop and Graphic Design]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2008/02/29/creating-high-contrast-monochromes/</guid>
		<description><![CDATA[This video tutorial is all about creating high contrast, gritty and moody monochromes such as those Mark produced for his recent hit photo essay (urban ugliness slideshow) on ugly, derelict, neglected and dilapidated urban areas of Plymouth.
The video is simple to follow and covers the complete workflow and editing process typical of the photos in [...]]]></description>
			<content:encoded><![CDATA[<p>This video tutorial is all about creating high contrast, gritty and moody monochromes such as those Mark produced for his recent hit photo essay (<a href="http://www.highton-ridley.co.uk/urban-ugliness-slideshow/urban-ugliness-slideshow.html" target="_blank">urban ugliness slideshow</a>) on ugly, derelict, neglected and dilapidated urban areas of Plymouth.</p>
<p>The video is simple to follow and covers the complete workflow and editing process typical of the photos in that essay. By watching it you will be able to apply the same steps to your own shots and, provided they have the basic ingredients present, you will soon be on the way to producing great shots with lots of mood.</p>
<p><a href="http://www.highton-ridley.co.uk/Urban%20Ugliness%20Workflow/Urban%20Ugliness%20Workflow.html" target="_blank">Video Tutorial: Urban Ugliness Workflow</a></p>
<p>The video starts with the production of three TIF files from one RAW capture (using Rawshooter Essentials). It then covers their conversion to a high dynamic range image (using Dynamic Photo HDR) and the accompanying tone-mapping step. Finally the image is brought into Photoshop for conversion to mono via the b&#038;w filter and the application of a soft-light layer vignette.</p>
<p>The video is 21mins long and is narrated throughout in a clearly spoken voice. All steps are simply explained, with Mark taking the time to point out and let the viewer see what the effect is on the image as each step is applied. This makes it easy to understand and follow what is going on right the way through. </p>
<p>By watching and learning from the tutorial you will be able to apply the techniques in your own ways to bring moody monochrome melodrama to your shots.</p>
<p>In addition to the photo essay and this tutorial, the Highton-Ridley web site contains galleries of all Mark&#8217;s <a href="http://www.highton-ridley.co.uk/" target="_blank">fine art images</a>, each of which can be ordered on-line as either canvas or matted prints (using the trusted PayPal for payment handling). Although Mark majors in monochrome there are some beautiful colour images in his flora and colour galleries.</p>
<p>About the Author:</p>
<p>Mark Highton Ridley was born and raised in Scotland before he and family moved to Plymouth (following his father, who was a merchant-navy captain). In shooting his pictures, he searches for the striking and powerful in the everyday and the mundane - details often seen but rarely noticed by other eyes. His work invites you to reassess the familiar with fresh eyes and to listen to the story he&#8217;s trying to tell.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2008/02/29/creating-high-contrast-monochromes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>What Are Runtime Errors?</title>
		<link>http://www.easywebtutorials.com/blog/2007/10/17/runtime-errors/</link>
		<comments>http://www.easywebtutorials.com/blog/2007/10/17/runtime-errors/#comments</comments>
		<pubDate>Wed, 17 Oct 2007 06:09:18 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Questions &amp; Answers]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2007/10/17/what-are-runtime-errors/</guid>
		<description><![CDATA[Runtime errors usually occur due to unforeseen programming  problems in applications that you might be using. These errors usually occur  when certain conditions are true and were not actually detected and taken care  of during the development of the application. For better understanding of  runtime errors, let&#180;s have a look at [...]]]></description>
			<content:encoded><![CDATA[<p>Runtime errors usually occur due to unforeseen programming  problems in applications that you might be using. These errors usually occur  when certain conditions are true and were not actually detected and taken care  of during the development of the application. For better understanding of  runtime errors, let&acute;s have a look at a couple of runtime errors that may occur  on your Windows XP and Vista computers.</p>
<p><em>&quot;Run-time error  &acute;429&acute;: ActiveX component can&acute;t create object&quot;</em></p>
<p><a href="http://www.instant-registry-fixes.org/fixing-runtime-error-429-caused-by-automation-server/">Runtime error 429</a> is usually generated when you try to  automate certain actions in Office XP applications. Actions in Office XP  applications are automated with the help of the Windows COM architecture based  automation server. </p>
<p><a href="http://www.instant-registry-fixes.org/office-xp-runtime-errors/">Office XP runtime error</a> 429 occurs if the action you are  trying to automate needs to use either the Visual Basic (VB) function  &quot;CreateObject&quot; or the VB operator &quot;New&quot; to create an Office XP instance.</p>
<p>The error may occur when one of the following conditions is  true:</p>
<ul type="disc">
<li>Your application is not installed properly or the installation files are corrupt.</li>
<li>Certain required registry values are corrupt or missing.</li>
<li>Template objects, such as Normal.dot and Excel.xlb are corrupt. </li>
</ul>
<p>To fix these errors, first try to re-register the  application that is causing the problem. For instance, if you are facing  problems with Word, open command prompt and navigate to the Office folder that  contains the Word.exe file and then run the &quot;<strong>word.exe \ regserver</strong>&quot; and press <strong>Enter</strong>. If the template files are causing the problem, you may fix  the problem by deleting the template file and then re-creating them. The  template file will be re-created when you start the application. You must also use a registry cleaner program to repair any errors within it. </p>
<p><em>&quot;Run-time Error &acute;339&acute; component &acute;MCI32.OCX&acute; or  one of its dependencies is not correctly registered: a file is missing or  invalid&quot;</em></p>
<p>Windows  Vista is shipped with only those Visual Basic 6.0 files that are required to  keep it compatible with older operating systems and applications. Due to this,  users who upgrade to Vista from XP may receive runtime errors related to files  such as mci32.ocx if they run applications that use these files because these  files are not shipped with the Vista operating system.</p>
<p>The best way to <a href="http://www.instant-registry-fixes.org/repair-your-mci32ocx-error/">fix mci32 Vista problems</a> is to first uninstall and then reinstall the application that is causing the mci32.ocx errors on the system. To ensure a complete  uninstall, it is a good idea to run a registry cleaner to ensure no entries of  the uninstalled application are left behind in the registry. If you still get  the error, download the latest version of mci32.ocx file from the Internet,  copy it to the C:\Windows\System32 folder and register it by running the &quot;regsvr32.exe  C:\windows\system32\MCI32.OCX&quot; command.</p>
<p>Runtime  errors usually occur due to programming faults, therefore, there is not much you can do to prevent them. However, your operating system and application  manufacturer continually release updates and software patches to fix any errors  that are discovered in their software. Therefore, as a vigilant and aware user, you must keep your PC updated with the latest patches and hotfixes. This will not only help you patch up problems in the software on your system, but will  also enable you to improve the system performance and make it more secure.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2007/10/17/runtime-errors/feed/</wfw:commentRss>
		</item>
		<item>
		<title>What You Need To Clean Your Windows Registry</title>
		<link>http://www.easywebtutorials.com/blog/2007/10/16/clean-windows-registry/</link>
		<comments>http://www.easywebtutorials.com/blog/2007/10/16/clean-windows-registry/#comments</comments>
		<pubDate>Wed, 17 Oct 2007 05:37:34 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Computers - Hardware and Software]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2007/10/16/what-you-need-to-clean-your-windows-registry/</guid>
		<description><![CDATA[The registry is the heart and soul of your Windows computer. It is quite similar to the Windows file system. Just like you save all your  files and data in the file system, your Windows operating system stores all  essential configuration information related to hardware and software installed  on your PC in [...]]]></description>
			<content:encoded><![CDATA[<p>The registry is the heart and soul of your Windows computer. It is quite similar to the <a href="http://en.wikipedia.org/wiki/File_system">Windows file system</a>. Just like you save all your  files and data in the file system, your Windows operating system stores all  essential configuration information related to hardware and software installed  on your PC in the registry. Even the hierarchical tree-like structure of the  registry is quite similar to the file system. Your Windows operating system and  the applications and devices installed on it, use the data available in the  registry to perform different tasks on your computer. </p>
<p>When you buy a new computer, the registry is free from any  errors. However, as you start working on your PC, make changes to system configuration, install/uninstall programs, browse the web, and perform various  other tasks on your computer, many obsolete, unwanted, and incorrect records accumulate in the registry. Additionally, malware such as spyware, adware,  viruses, and trojans can also add malicious records in the registry. In due course, your registry drastically increases in size, and gets cluttered and fragmented. This, in turn, affects the performance of your Windows system and can cause severe damage to your PC.</p>
<p>Due to these problems, it is very important for you to  perform regular registry maintenance to keep it free from unwanted junk information. Let&acute;s have a look at some of the tools that you can use to  optimize the registry and enhance the performance of your computer.</p>
<p><strong>Registry Cleaner Software</strong></p>
<p>The best way to clean and repair the Windows registry is to use a <a href="http://www.instant-registry-fixes.org/what-are-registry-softwares-used-for/">registry cleaner software</a>. They are easy to use and enable you to scan and clean up the registry with just a few clicks of your mouse. Using a reliable registry cleaner tool to clean the registry can fix a large number of system errors, application errors, and driver errors. Using a registry cleaner, you can defragment the registry to remove any registry holes and re-index the  registry files to make them contiguous.</p>
<p>With the recent increase in demand to maintain a healthy registry, there are many third-party registry cleaners available today. Many  websites with <a href="http://www.instant-registry-fixes.org/how-to-select-a-windows-registry-cleaner/">registry cleaner downloads</a> will also provide you with information, such as user and expert reviews, and utility features that help  you in selecting the tool that best meet your needs and is compatible with your  operating system. </p>
<p><strong>AntiVirus and AntiSpam Tools</strong></p>
<p>Today, a large number of viruses, spyware, and adware can creep onto your computer through open Internet connections and infected  removable data, such as CD/DVD-ROM and pen drives. These malware programs not  only clutter your hard disk with unwanted entries, but also add many malicious  entries within the registry. These entries are usually added so deep within the  registry, that it is practically impossible to remove them manually. Regular  antivirus and antispyware scans can help you check your system and the registry  for malicious information and remove them from the system.</p>
<p><strong>Program Uninstallers</strong></p>
<p>Incorrect or incomplete program uninstalls are a major cause  of clutter and junk on your system and the registry. 90% of the time, a program  uninstall performed using the Add or Remove Programs feature or program uninstaller  available with your application, does not remove all registry entries and  system files it adds to your system during installation. To get rid of this  digital junk, you need something better, such as a third-party program  uninstaller. Using a good and reliable program uninstaller, you can ensure  complete removal of a program from your computer and ensure yourself a healthy,  uncluttered, and fast system. </p>
<p>The  registry is a vital component of your Windows operating system. You must always  keep it free from unnecessary information to ensure yourself a healthy system.  Registry cleaner software, antivirus and antispyware tools, and <a href="http://www.instant-registry-fixes.org/uninstaller-programs/">program uninstallers</a> are some of the useful utilities that you can use to clean your registry and  enhance your computing experience.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2007/10/16/clean-windows-registry/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The End of My Tutorials Directory</title>
		<link>http://www.easywebtutorials.com/blog/2007/10/11/end-of-directory/</link>
		<comments>http://www.easywebtutorials.com/blog/2007/10/11/end-of-directory/#comments</comments>
		<pubDate>Thu, 11 Oct 2007 12:49:00 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Site News]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2007/10/11/end-of-directory/</guid>
		<description><![CDATA[It´s almost a year ago that I installed a quite sophisticated directory script on my site. I wanted to give people the opportunity to submit their tutorials, to review and rate other tutorials in order to build a tutorial directory featuring the best (as voted by users) tutorials on top of the page.
But during that [...]]]></description>
			<content:encoded><![CDATA[<p>It´s almost a year ago that I installed a quite sophisticated directory script on my site. I wanted to give people the opportunity to submit their tutorials, to review and rate other tutorials in order to build a tutorial directory featuring the best (as voted by users) tutorials on top of the page.</p>
<p>But during that time, I found that reviewing all those submissions wasted a lot of my precious time, especially because many submitted links and comments were unrelated and not even tutorials at all. There are already good tutorial directories out there, so why the heck start another anyway ?</p>
<p>So, I decided that I will close down my <a href="http://www.easywebtutorials.com/dir/">tutorials directory</a> (i.e. for now I will just stop receiving submissions) and create a couple of extra categories / subcategories on this blog in which I will post reviews and summaries of tutorials that I come across and personally like.</p>
<p>I could post links to the directory myself, but it´s easier and faster for me to post my reviews and recommendations for really good articles and tutorials to my blog.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2007/10/11/end-of-directory/feed/</wfw:commentRss>
		</item>
		<item>
		<title>XSS Security Bug in WordPress Themes - how to update</title>
		<link>http://www.easywebtutorials.com/blog/2007/10/09/wp-theme-xss-bug-update/</link>
		<comments>http://www.easywebtutorials.com/blog/2007/10/09/wp-theme-xss-bug-update/#comments</comments>
		<pubDate>Wed, 10 Oct 2007 05:54:21 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Blogging]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2007/10/09/wp-theme-xss-bug-update/</guid>
		<description><![CDATA[A few days ago, somebody brought to my attention that there was a security bug in my themes (as well as in the default WP themes) that allowed XSS (cross site scripting) attacks. This only affects WP themes that use custom 404 error pages, which includes my WordPress Themes, too.
The problematic piece of code is [...]]]></description>
			<content:encoded><![CDATA[<p>A few days ago, somebody brought to my attention that there was a security bug in my themes (as well as in the default WP themes) that allowed XSS (cross site scripting) attacks. This only affects WP themes that use custom 404 error pages, which includes my <a href="http://www.easywebtutorials.com/blogging-tutorial/wordpress-themes.php">WordPress Themes</a>, too.</p>
<p>The problematic piece of code is found in the search form of the sidebar template (sidebar.php) and also in the search widget located in the file &#8220;functions.php&#8221;:</p>
<p>echo $_SERVER[’PHP_SELF’]</p>
<p>I have just updated my themes and checked my blog for other XSS vulnerabilities using the <a href="http://blogsecurity.net/wordpress/tools/wp-scanner/" target="_blank">WP Scanner</a> by  Blogsecurity.net and now everything is fine.</p>
<p>If you are using any of my SEO WordPress themes, you should either download an updated version of my themes or update your theme using the theme editor in your WP admin panel. </p>
<p><strong>Updating your WordPress theme is very simple:</strong></p>
<p>1. Login to your WP blog and go to <em>Presentation > Theme Editor</em></p>
<p>2. Click on the <em>sidebar</em> link to load the sidebar template into the editor.</p>
<p>3. Search for the following piece of code:</p>
<p><strong>&lt;?php echo $_SERVER[’PHP_SELF’]; ?&gt;</strong></p>
<p>and replace it with:</p>
<p><strong>&lt;?php bloginfo(&#8217;url&#8217;); ?&gt;</strong></p>
<p>Save the changes (click &#8220;update file&#8221; button)</p>
<p>4. Click on the <em>functions.php</em> link to load the functions template into the editor (this file contains the widgets).</p>
<p>5. Repeat step 3. Hint: the code for the search widget is located in the upper part of this file.</p>
<p>That´s it. Now your theme is save (unless you have previously made some dangerous custom changes that I don´t know about). You should also always upgrade to the latest version of WordPress, because there are other security issues (including cross site scripting issues) that can be found in earlier versions of WP.</p>
<p>If you are unsure about whether your blog is XSS proof or not, use the <a href="http://blogsecurity.net/wordpress/tools/wp-scanner/" target="_blank" rel="nofollow">WP Scanner</a>. This tool also checks your plugins for possible XSS vulnerabilities.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2007/10/09/wp-theme-xss-bug-update/feed/</wfw:commentRss>
		</item>
		<item>
		<title>New SEO themes for WordPress</title>
		<link>http://www.easywebtutorials.com/blog/2007/01/05/new-seo-wp-themes/</link>
		<comments>http://www.easywebtutorials.com/blog/2007/01/05/new-seo-wp-themes/#comments</comments>
		<pubDate>Fri, 05 Jan 2007 12:17:30 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[Site News]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2007/01/05/new-seo-wp-themes/</guid>
		<description><![CDATA[Happy New Year to everybody! A few days before Christmas, I finished a set of new SEO themes which also contain more features and functionality than the old ones. All themes are now &#8220;WordPress Widgets&#8221; enabled and also include a better excerpts function.
Instead of 3, there are now 9 different basic layouts available and in [...]]]></description>
			<content:encoded><![CDATA[<p>Happy New Year to everybody! A few days before Christmas, I finished a set of new SEO themes which also contain more features and functionality than the old ones. All themes are now &#8220;WordPress Widgets&#8221; enabled and also include a better excerpts function.</p>
<p>Instead of 3, there are now 9 different basic layouts available and in addition to the default headers and sidebar styles, I have created 5 different headers and 5 different sidebar styles that you can combine as you please. So, mathematically, there are 9&#215;6x6 = 324 possible combinations.</p>
<p>And of course, every theme is still easily customizable. For tutorials on editing your themes, please visit our <a href="http://www.easywebtutorials.com/blogging-tutorial/faq/">SEO Themes FAQ</a> section.</p>
<p><a href="http://www.easywebtutorials.com/blogging-tutorial/diy/">Get Your New SEO WordPress Theme Here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2007/01/05/new-seo-wp-themes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WordPress SEO Themes Update</title>
		<link>http://www.easywebtutorials.com/blog/2006/09/25/wp-seo-themes/</link>
		<comments>http://www.easywebtutorials.com/blog/2006/09/25/wp-seo-themes/#comments</comments>
		<pubDate>Mon, 25 Sep 2006 13:39:42 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[Site News]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2006/09/25/wp-seo-themes/</guid>
		<description><![CDATA[This one has been long overdue. I have just updated my SEO themes for WordPress and uploaded the new versions, so they are now available for download.
These are the improvements:
1. Different templates for different pages: Now there are slightly different templates for the different types of pages: homepage (index.php), category index page (category.php), monthly archives [...]]]></description>
			<content:encoded><![CDATA[<p>This one has been long overdue. I have just updated my <a href="http://www.easywebtutorials.com/blogging-tutorial/wordpress-themes.php">SEO themes for WordPress</a> and uploaded the new versions, so they are now available for download.</p>
<p>These are the improvements:</p>
<p><strong>1. Different templates for different pages:</strong> Now there are slightly different templates for the different types of pages: homepage (index.php), category index page (category.php), monthly archives (archive.php), single posts (single.php) and pages (page.php).</p>
<p>This gives you more flexibility. For instance, if you don´t want users to post comments on your pages, you can simply remove the &#8220;comments&#8221; code from the template &#8220;page.php&#8221;.</p>
<p><strong>2. Hierarchy of the Headings:</strong> There is now only one H1 heading on an index page (homepage, category, archive) and the post titles that are linked to the full articles are now H2 headings (formerly H1). Subheadings in the sidebar are now H3 (formerly H2).</p>
<p>However, on individual pages, the post / page titles are written as H1 headings.</p>
<p><strong>3. Title Tag:</strong> I´ve changed the most simple template tag for the HTML &lt;title&gt; to a better one. Now, your blog´s title is used as HTML title on the homepage, on category and archive pages there are also the category names respectively dates (month / year) added to your blog´s title and on single pages, the post/page title is used in addition to your blog´s title to form the HTML title tag.</p>
<p>If you want to update your current theme like this, use the following code inside your theme´s header.php template:</p>
<p>&lt;title&gt;&lt;?php bloginfo(&#8217;name&#8217;); wp_title(); ?&gt;&lt;/title&gt;</p>
<p>There are quite a few different - more sophisticated - possibilities to form the HTML title tag of your blog pages, but I´m going to write another post tomorrow and give you the different codes, so you can choose the one that you like best.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2006/09/25/wp-seo-themes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Website layout with HTML tables versus CSS</title>
		<link>http://www.easywebtutorials.com/blog/2006/08/10/html-tables-vs-css/</link>
		<comments>http://www.easywebtutorials.com/blog/2006/08/10/html-tables-vs-css/#comments</comments>
		<pubDate>Thu, 10 Aug 2006 11:38:33 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[Site News]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2006/08/10/html-tables-vs-css/</guid>
		<description><![CDATA[For a long time it´s been a common practice to use HTML tables to design a website´s layout. But in a HTML purist´s view, this technique is deprecated (and always has been), because HTML tables are meant to organize content in a tabular format ( see calendar in the right column, for example ) and [...]]]></description>
			<content:encoded><![CDATA[<p>For a long time it´s been a common practice to use HTML tables to design a website´s layout. But in a HTML purist´s view, this technique is deprecated (and always has been), because HTML tables are meant to organize content in a tabular format ( see calendar in the right column, for example ) and today, CSS (cascading style sheets) give web authors the possibility to create sophisticated website layouts.</p>
<p>I agree that most of the styles on a webpage should be done in CSS, defining the style rules in an external style sheet. This way, your webpages won´t be cluttered with lots of recurring font tags and style attributes and you will get a higher percentage of real content in the source code of your webpages, which is beneficial for your webpages´ rankings. Another advantage of CSS is that you can easily change the styles on all pages of your website by modifying only a single file - the style sheet.</p>
<p>In theory, a website layout can be well done purely with CSS, but there are certain limitations and problems, most of them caused by browser incompatibilities. I´m not an expert in CSS, but I´ve seen lots of website layouts done with CSS, where the content breaks the layout and boxes overlap each other, making certain parts of the content unreadable.</p>
<p><a href="http://glish.com/css/" target="_blank">Eric Costello</a> has some nice basic CSS website layouts that you can copy and play around with. But until today, I haven´t found an example for a website layout which does what can be done with the famous &#8220;table trick&#8221;.</p>
<p>Using the <a href="http://www.easywebtutorials.com/blog/2006/08/09/html-table-trick/">HTML table trick</a> ( see templates in my <a href="http://www.easywebtutorials.com/html-tutorial/">html tutorial</a>, I can create a <strong>search engine optimized</strong> website layout with 3 columns (2 sidebars and the center column with the main content). Usually, using a pure CSS layout, the content of the left column would come first in the source code, then the main content and finally the right column. But with the HTML table trick, I can move the main content to the top in the source code.</p>
<p>That´s why I´m still using HTML tables to create the main boxes in those website layouts where SEO is the most important way to generate traffic. Hint: not all websites need to be laid out to rank well in the search engines in order to get traffic. There are quite a lot of other techniques to attract visitors to your websites. But that´s a different topic.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2006/08/10/html-tables-vs-css/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Webpage optimization - the HTML table trick</title>
		<link>http://www.easywebtutorials.com/blog/2006/08/09/html-table-trick/</link>
		<comments>http://www.easywebtutorials.com/blog/2006/08/09/html-table-trick/#comments</comments>
		<pubDate>Wed, 09 Aug 2006 11:29:18 +0000</pubDate>
		<dc:creator>guido</dc:creator>
		
		<category><![CDATA[HTML]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.easywebtutorials.com/blog/2006/08/09/html-table-trick/</guid>
		<description><![CDATA[To rank slightly better in the search engines, one thing you can do is to optimize the source code of your webpages in such a way that your most important keyword focused content is placed as high as possible inside the source code.
If your website layout uses a sidebar on the left, you will usually [...]]]></description>
			<content:encoded><![CDATA[<p>To rank slightly better in the search engines, one thing you can do is to optimize the source code of your webpages in such a way that your most important keyword focused content is placed as high as possible inside the source code.</p>
<p>If your website layout uses a sidebar on the left, you will usually find the content of this sidebar above the main content inside the source code. Here is where the HTML table trick comes into play. Let´s take a look at a very simple example.</p>
<p><img style="float: left; margin: 5px" alt="title trick scratch 1" src="http://www.easywebtutorials.com/blog/images/tabletrick1.jpg" /></p>
<p>The scratch on the left shows you a simple website layout with a header box, a left sidebar (menu) box, the main content box and finally a footer box, designed purely in CSS.</p>
<p>In the two boxes below, you see the CSS stylesheet and the relevant part of the HTML source code which both together form this website layout. As you can easily see in the source code, the sidebar content comes first and the more important keyword focused main content of the page is moved downwards.</p>
<p><br clear="all" /></p>
<div style="float: left; width: 200px; margin: 5px; padding: 5px; background: #FFFFCC; border: 1px dashed #336699">
<p><strong>Stylesheet (styles.css)</strong></p>
<p>#wrapper {<br />
	width: 700px;<br />
	margin: 0 auto;<br />
	border: 2px solid #369;<br />
}</p>
<p>#header {<br />
	width: 100%;<br />
	border-bottom: 1px solid #369;<br />
	margin: 0;<br />
	padding: 0;<br />
}</p>
<p>#menu {<br />
	width: 200px;<br />
	float: left;<br />
	border-right: 1px solid #369;<br />
	margin: 0;<br />
	padding: 5px;<br />
}</p>
<p>#content {<br />
	width: 500px;<br />
	border: none;<br />
	margin: 0;<br />
	padding: 5px;<br />
}</p>
<p>#footer {<br />
	width: 100%;<br />
	border-top: 1px solid #369;<br />
	margin: 0;<br />
	padding: 5px;<br />
}</p>
</div>
<div style="float: right; margin: 5px; padding: 5px; background: #FFFFCC; border: 1px dashed #336699">
<strong>HTML source code</strong></p>
<p>&lt;hmtl&gt;<br />
&lt;title&gt;webpage title&lt;/title&gt;<br />
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles.css&quot;&gt;</p>
<p>&lt;body&gt;</p>
<p>&lt;div id=&quot;wrapper&quot;&gt;</p>
<p>&lt;div id=&quot;header&quot;&gt;<br />
Your Website Header Goes Here.<br />
&lt;/div&gt;</p>
<p>&lt;div id=&quot;menu&quot;&gt;<br />
This is the sidebar ( menu ) of your webpage. As you can see, it comes before the main content inside the source code of your webpage. And this could be quite a lof of stuff if you have many links and ads in your sidebar.<br />
&lt;/div&gt;</p>
<p>&lt;div id=&quot;content&quot;&gt;<br />
This is the box for the main content of your webpage, starting with the H1 heading.<br />
&lt;/div&gt;</p>
<p>&lt;div id=&quot;footer&quot;&gt;<br />
Your Website Footer Goes Here.<br />
&lt;/div&gt;</p>
<p>&lt;/div&gt;<br />
&lt;/body&gt;<br />
&#038;l6;/html&gt;
</p></div>
<p><br clear="all" /></p>
<p><img style="float: left; margin: 5px" alt="title trick scratch 2" src="http://www.easywebtutorials.com/blog/images/tabletrick2.jpg" /></p>
<p>In order to move the main content above the left sidebar inside the source code, you can use the following layout trick using a HTML table with two rows and two columns like illustrated in the scratch on the left.</p>
<p>The first table cell in the first table row has the same width as the sidebar but it remains empty, so it´s only a few pixels in height and can´t be seen by your visitors. The second table cell in the first row spans over two rows and forms the largest box which contains your main content.</p>
<p>Only in the second row, you will find the sidebar content inside the first table cell. Take a look at the source code below and you will see how the main content is moved towards the top while the visible layout remains almost the same.<br />
<br clear="all" /></p>
<div style="float: left; width: 200px; margin: 5px; padding: 5px; background: #FFFFCC; border: 1px dashed #336699">
<p><strong>Stylesheet (styles.css)</strong></p>
<p>#wrapper {<br />
	width: 98%;<br />
	margin: 0 auto;<br />
	border: 2px solid #369;<br />
}</p>
<p>#header {<br />
	width: 100%;<br />
	border-bottom: 1px solid #369;<br />
	margin: 0;<br />
	padding: 0;<br />
}</p>
<p>#table {<br />
	width: 100%;<br />
	border-collapse: collapse;<br />
	border: none;<br />
}</p>
<p>#empty {<br />
	width; 200px;<br />
	border-right: 1px solid #369;<br />
	margin: 0;<br />
	padding: 0;<br />
}</p>
<p>#menu {<br />
	width: 200px;<br />
	border-right: 1px solid #369;<br />
	margin: 0;<br />
	padding: 5px;<br />
	vertical-align: top;<br />
}</p>
<p>#content {<br />
	width: 500px;<br />
	border: none;<br />
	margin: 0;<br />
	padding: 5px;<br />
	vertical-align: top;<br />
}</p>
<p>#footer {<br />
	width: 100%;<br />
	border-top: 1px solid #369;<br />
	margin: 0;<br />
	padding: 5px;<br />
}
</p></div>
<div style="float: right; margin: 5px; padding: 5px; background: #FFFFCC; border: 1px dashed #336699">
<strong>HTML source code</strong></p>
<p>&lt;hmtl&gt;<br />
&lt;title&gt;webpage title&lt;/title&gt;<br />
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles.css&quot;&gt;</p>
<p>&lt;body&gt;</p>
<p>&lt;div id=&quot;wrapper&quot;&gt;</p>
<p>&lt;div id=&quot;header&quot;&gt;<br />
Your Website Header Goes Here.<br />
&lt;/div&gt;</p>
<p>&lt;table id=&quot;table&quot;&gt;<br />
     &lt;tr&gt;<br />
         &lt;td id=&quot;empty&quot;&gt;&lt;/td&gt;</p>
<p>         &lt;td rowspan=&quot;2&quot; id=&quot;content&quot;&gt;</p>
<p>         This is the second table data cell in the first row and contains the main content of your webpage. Notice how it spans two rows and inside the source code, it now stands above the sidebar content.</p>
<p>         &lt;/td&gt;</p>
<p>     &lt;/tr&gt;</p>
<p>     &lt;tr&gt;<br />
         &lt;td id=&quot;menu&quot;&gt;<br />
         That´s the table data cell which contains the sidebar (menu) content.<br />
         &lt;/td&gt;<br />
     &lt;/tr&gt;</p>
<p>&lt;/table&gt;</p>
<p>&lt;div id=&quot;footer&quot;&gt;<br />
Your Website Footer Goes Here.<br />
&lt;/div&gt;</p>
<p>&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;
</p></div>
<p><br clear="all" /></p>
<p>Feel free to copy the codes from the boxes above, experiment with them and modify and use them for your websites. Get my HTML video tutorial if you want to <a href="http://www.easywebtutorials.com/html-tutorial/">learn html with ease</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.easywebtutorials.com/blog/2006/08/09/html-table-trick/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
