Oct 24, 2011

Getting Started with Windows Server AppFabric Cache | Wade Wegner

Getting Started with Windows Server AppFabric Cache

I struggled today to find a good “Getting started with Windows Server AppFabric Cache” tutorial – either my search fufailed me or it simply doesn’t exist. Nevertheless, I was able to piece together the information I needed to get started.

I recommend you break this up into three steps:

  • Installing Windows Server AppFabric
  • Configuring Windows Server AppFabric Cache
  • Testing Windows Server AppFabric Cache with Sample Apps

I think this article will serve as a good tutorial on getting started, and we can refer back to it as the basis for more advanced scenarios.

Installing Windows Serve AppFabric

  1. Get the Web Platform Installer.
  2. Once it is installed and opened, select Options.
    Options
  3. Under Display additional scenarios select Enterprise.
    Enterprise
  4. Now you’ll see an Enterprise tab. Select it, and choose Windows Server AppFabric. Click Install. This will start a multi-step process for installing Windows Server AppFabric (which in my case required two reboots to complete).
    Windows Server AppFabric

Configuring Windows Server AppFabric Cache

  1. Open the Windows Server AppFabric Configuration Wizard (Start –> Windows Server AppFabric –> Configure AppFabric).
  2. Click Next until you reach the Caching Service step. Check Set Caching Service configuration, select SQL Server AppFabric Caching Service Configuration Store Provider for the configuration provider, and clickConfigure.
    Set Caching Service
  3. Check Create AppFabric Caching Service configuration database, confirm the Server name, and specify aDatabase name. Click OK.
    Specify Database
  4. When asked if you want to continue, click Yes.
    Configuration Database confirmation
  5. You will receive confirmation that your database was created and registered.
    Success
  6. On the Cache Node step, confirm the selected port nodes.
    Cache Node ports
  7. You will be asked to continue and apply the configuration settings; select Yes.
    Continue
  8. On the last step you’ll click Finish.
  9. Open up an elevated Windows PowerShell window.
  10. Add the Distributed Cache administration module
    Import-Module DistributedCacheAdministration
  11. Set the context of your Windows PowerShell session to the desired cache cluster with Use-CacheCluster. You can run this without parameters to use the connection parameters provided during configuration.
    Use-CacheCluster
  12. Grant your user account access to the cache cluster as a client. Specify your user and domain name.
    Grant-CacheAllowedClientAccount domainusername
  13. Verify your user account has been granted access.
    Get-CacheAllowedClientAccounts
  14. Start the cluster.
    Start-CacheCluster

Testing Windows Server AppFabric Cache with Sample Apps

  1. Grab a copy of the Microsoft AppFabric Samples, which are a series of very short examples.
  2. Extract the samples locally.
  3. Open up CacheSampleWebApp.sln (..SamplesCacheCacheSampleWebApp).
  4. Right-click the CreateOrder.aspx file and select Set As Start Page.
  5. Hit F5 to start the solution.
  6. Confirm that the cache is functioning by creating a sample order, getting the sample order, and updating the sample order.

Once you accomplish these three steps, you’ll have the basis for building more complex caching solutions.

I hope this helps!

Aug 31, 2011

function to skip weekends from add hours calculation

C# function to skip weekends from datetime.addhours calculation
///
/// function to skip weekends from add hours calculation
///
///
///
private DateTime CalculatebusinessDaysperiod(int numberOfhoursToAdd)
{
DateTime finalDate = new DateTime();
for (int i = 0; i < numberOfhoursToAdd; i++)
{
finalDate = finalDate.AddHours(1);
while (finalDate.DayOfWeek == DayOfWeek.Saturday || finalDate.DayOfWeek == DayOfWeek.Sunday)
{
finalDate = finalDate.AddHours(1);
}
}
return finalDate;
}

Aug 17, 2011

Building Custom WordPress Theme

This is the Chapter II of the Complete WordPress Theme Guide series. This chapter will show you how to build a custom WordPress theme. Although the Codex site provides very good documentations on how to create a theme, but I find it too complicated for a beginner. In this tutorial, I will explain the basics of how WordPress theme works and show you how to convert a static HTML template into a theme. No PHP skill is required, but you need Photoshop and CSS skills to create your own design.

1. The Blog Frontend

Before you start, let's take a look at the WordPress default theme and see how it is structured. Take note of the elements (header, post title, search form, navigation, footer, etc.).

default homepage Default Frontpage (index.php)

default homepage Default Single (single.php)

2. Photoshop Mockups

Based on the information gathered from the default theme, design a Photoshop mockup of your blog. Here I'm using GlossyBlue, one of my free WordPress themes, as an example. Download the demo.zip to see the Photoshop file.

default homepage

3. HTML + CSS

After the PSD design is done, create a static HTML+CSS template of each page. You can use my GlossyBlue HTML files in the demo.zip to follow this tutorial. Extract the zip and take a look at the index.html, single.html, and page.html. Later in the tutorial, I will use these HTML files and convert them into a theme.

default homepage

Why Create a Static HTML File First?

Mainly because it will make the development process a lot easier. I usually create a HTML file for every template that I need, test it across all browsers, validate both HTML and CSS markups, then all I have to do is cut & paste the WordPress code. By doing so, I don't have to worry about HTML or CSS bugs during my theme making process.

4. How WordPress Theme Works

If you go the default theme folder (wp-content/themes/default), you should see many PHP files (called template file) and one style.css file. When you are viewing the front page, WordPress actually uses several template files to generate the page (index.php <<header.php, sidebar.php, and footer.php).

how theme works

For more details, check out Site Architecture and Template Hierarchy at Codex.

5. Duplicate The Template Files

Copy the GlossyBlue HTML folder into the wp-content/themes folder. Then, go to thedefault theme folder, copy the comments.php and searchform.php file to theglossyblue folder.

copy files

6. Style.css

Go to the WordPress default theme folder, open the style.css file. Copy the commented code at the top and paste it to the GlossyBlue style.css file. Change the theme name and the author information as you desire.

theme name and author's information

7. Splitting The Files

Now you need to understand where to split the file into several files: header.php,sidebar.php, and footer.php. The image below shows a simplified version of my indexfile and how the markups should split.

splitting files

8. Header.php

Open the index.html file. Cut from the top to where the ends, paste it in a new PHP file, and save the file as header.php.

header code

Go to the default theme folder, open the header.php. Copy and replace the tags where it requires PHP code (Template Tag): </code>, <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><link></code> stylesheet, <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><h1>,</code> and <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><div class=description></code>.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><a href="http://www.webdesignerwall.com/wp-content/uploads/2008/11/header-zoom.gif" class="thickbox" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: transparent; border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/header.gif" alt="replace code" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></a></p><h4 style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.2em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: normal; font-weight: bold; color: rgb(69, 54, 48); font: italic normal normal 155%/normal Baskerville, 'Times New Roman', Times, serif; ">Navigation Menu (wp_list_pages)</h4><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Replace the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><li></code> tags in the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><ul id=nav></code> with <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?></code></p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/navigation-menu.gif" alt="replace code" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Reference: <a href="http://codex.wordpress.org/Template_Tags/wp_list_pages" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">wp_list_pages</a>.</p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">9.</em> Sidebar.php</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Back to the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.html</em> file, cut from where the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><form id=searchform></code> start to the closing tag of <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><div id=sidebar></code> and paste it in a new PHP file, save it as<em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">sidebar.php</em>.</p><ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 24px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 22px; "><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Replace the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><form id=searchform></code> wrap with <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><?php include (TEMPLATEPATH . '/searchform.php'); ?></code>.</li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Replace the category <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><li></code> tags with <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><?php wp_list_categories('show_count=1&title_li='); ?></code></li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Replace the archive <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><li></code> tags with <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><?php wp_get_archives('type=monthly'); ?></code></li></ul><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/sidebar-code.gif" alt="sidebar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">References: <a href="http://codex.wordpress.org/Template_Tags/wp_list_categories" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">wp_list_categories</a> and <a href="http://codex.wordpress.org/Template_Tags/wp_get_archives" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">wp_get_archives</a>.</p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">10.</em> Footer.php</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Back to the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.html</em> file, cut from the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><div id=footer></code> tag to the end of<code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "></html></code> and paste it in a new PHP file, save it as <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">footer.php</em>.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/footer.gif" alt="footer" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><h4 style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.2em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: normal; font-weight: bold; color: rgb(69, 54, 48); font: italic normal normal 155%/normal Baskerville, 'Times New Roman', Times, serif; ">Recent Posts</h4><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Here I used the <a href="http://codex.wordpress.org/Template_Tags/query_posts" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">query_post</a> to display the 5 latest posts.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/recent-posts.gif" alt="recent posts" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><h4 style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.2em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: normal; font-weight: bold; color: rgb(69, 54, 48); font: italic normal normal 155%/normal Baskerville, 'Times New Roman', Times, serif; ">Recent Comments</h4><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Recent comments are generated by a plugin (included in the theme folder).</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/recent-comments.gif" alt="recent comments" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">11.</em> Index.php</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Now in your <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.html</em> file, you should only have the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><div id=content></code> wrap. Save the file as <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.php</em>. Insert the line:<code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; ">get_header</code>, <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; ">get_sidebar</code>, and<code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; ">get_footer</code> in the same order as your layout structure.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/index.gif" alt="index" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">12.</em> Understanding The Loop</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">The image below illustrates how The Loop works. The Loop is used to display blog posts and it also lets you control what to display. Basically, The Loop checks if there are posts in your blog, while there are posts, display it, if no post found, say "Not Found".</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/the-loop-explain.gif" alt="the loop" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">13.</em> Copy The Loop</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Go to the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">default</em> theme folder, open the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.php</em> file. Copy The Loop from the default<em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.php</em> and paste it in between the <code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; "><div id=content>..</div></code>. Then, replace the static text with the WordPress Template Tags: post date, title, category, comments, next and previous link.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><a href="http://www.webdesignerwall.com/wp-content/uploads/2008/11/the-loop-zoom.gif" class="thickbox" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: transparent; border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/the-loop.gif" alt="the Loop" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></a></p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">14.</em> Preview The Theme</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Congrats! You've done the front page (the main part of the theme). Now, login to your admin panel, go to the Design tab, you should see the GlossyBlue theme, activate it and go to the front page to preview the theme.</p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">15.</em> Single.php</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Now, it is time to do the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">single.php</em> template. If you want, you can go through the same process — cut & paste from the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">default</em> theme. But, I find it easier to use the<em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.php</em> that you just created and save it as <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">single.php</em>. Open the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">default</em> theme<em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">single.php</em> file and copy the Template Tags over. Then include the<code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; ">comments_template</code>. The image below highlights what I've changed:</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><a href="http://www.webdesignerwall.com/wp-content/uploads/2008/11/single-zoom.gif" class="thickbox" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: transparent; border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/single.gif" alt="single.php" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></a></p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">16.</em> Page.php</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">With the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">single.php</em> template you just created, save it as <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">page.php</em>. Remove the post date, comment form, next/previous link... and that's it.. there goes your <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">page.php</em>template.</p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">17.</em> Delete The HTML Files</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Delete all the HTML files in the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">glossyblue</em> folder (we don't need them anymore). Technically, that is enough for a basic WordPress theme. You may notice there are more PHP files in the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">default</em> theme. Well, you don't really need those files if you just want a basic theme. For example, if the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">search.php</em> or <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">404.php</em> is not present in the theme folder, WordPress will automatically use the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">index.php</em> to render the page. Read the <a href="http://codex.wordpress.org/Template_Hierarchy" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">Template Hierarchy</a> for more details.</p><h3 style="margin-top: 2em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 27px; font-weight: bold; color: rgb(69, 54, 48); font-size: 21px; letter-spacing: -0.04em; "><em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 100%/normal 'Times New Roman', Times, serif; color: rgb(143, 2, 6); ">18.</em> WordPress Page Template</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Ok, final example. I will show you how to use <a href="http://codex.wordpress.org/Pages" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">Page Template</a> to create an archive page that will list all posts on your blog (good for sitemap). Copy the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">archives.php</em> file from the <em style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: italic normal normal 115%/normal Baskerville, 'Times New Roman', Times, serif; ">default</em> theme folder. Delete the unwanted code and you should have something like this:</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/archives-template.gif" alt="Archives template" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Here I'm using the <a href="http://codex.wordpress.org/Template_Tags/query_posts" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(131, 66, 2); background-color: rgb(247, 243, 197); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(207, 206, 190); ">query_post</a> (<code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Consolata, monospace; font-size: 15px; color: rgb(114, 0, 138); word-spacing: -0.25em; ">showposts=-1</code> means display all posts) to display a list of all posts.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/archives-queryposts.gif" alt="Archives query posts" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.6em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Now, login to your admin panel, write a new page, title it Archives. On the Page Template dropdown, select Archives.</p><p class="image" style="margin-top: 0px; margin-right: 0px; margin-bottom: 2.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><img src="http://www.webdesignerwall.com/wp-content/uploads/2008/11/archives-page.gif" alt="Archives page" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; max-width: 98%; height: auto; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(196, 194, 183); background-position: initial initial; background-repeat: initial initial; "></p><div> <br /></div></span><font class="Apple-style-span" color="#60493e" face="Georgia, 'Times New Roman', Times, serif"><span class="Apple-style-span" style="font-size: 15px; line-height: 22px;"> </span></font><span class="Apple-style-span" style="color: rgb(96, 73, 62); font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px; background-color: rgb(241, 238, 224); "></span><a href="http://webdesignerwall.com/tutorials/building-custom-wordpress-theme">Building Custom WordPress Theme</a><span class="Apple-style-span" style="color: rgb(96, 73, 62); font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px; background-color: rgb(241, 238, 224); "><div>from: </div></span></div>

nice web tools English Definitions and Dictionary dutch definition and Dictionary , Nederlands definitie finnish definition and Dictionary, hollantilainen sanakirja French definition and Dictionary, le dictionnaire Français arabic definition and Dictionary, قاموس اللغة العربية hindi definition and Dictionary, शब्दकोश, हिन्दी शब्दकोश bengali definition and Dictionary, বাংলা অভিধান portuguese definition and Dictionary, dicionário de Português urdu definition and Dictionary، اردو لغت russian definition and Dictionary, русский словарь spanish definition and Dictionary, diccionario de español