Category: Fundamentals of Web Development

WordPress meta description using post excerpt, category description and post ID

[ 4 Comments ] Posted on January 25, 2009 under Hypertext Mark-up Language (HTML), WordPress tweaks

While the major search engines no longer consider meta description as a deciding factor in giving a page a rank in the search engine result page, it still appears in the search results as a description of your website. Hence, you can use it to entice people to visit your website. It will be much better for a WordPress-powered website if each page and post has its own meta description, some PHP tweak can do just that.

Using meta robots in a WordPress blog or website

[ No Comments ] Posted on January 17, 2009 under Hypertext Mark-up Language (HTML), Search Engine Optimization (SEO), WordPress tweaks

Anyone with the basic knowledge of HTML understands that s/he can use meta robots to prevent search engines from indexing pages in a website, but what if you are using WordPress CMS and you want to prevent only a handful of dynamic pages from being indexed by search engine?

Search engine optimization (SEO) of WordPress theme title tags

[ 1 Comment ] Posted on January 12, 2009 under Hypertext Mark-up Language (HTML), Search Engine Optimization (SEO), WordPress tweaks

The title tag is one of the most important factors that search engines take into consideration. It would be certainly helpful if you can have absolute control of what is inside your title tag for any pages generated by WordPress CMS.

Margin and padding of block elements

[ No Comments ] Posted on December 27, 2008 under Cascading Stylesheet (CSS), Hypertext Mark-up Language (HTML)

Margin and padding are two important attributes that are useful in providing appropriate spacing between HTML elements. In particular, they are useful in rendering proper spacing among block elements in a pure CSS layout. The difference between margin and padding and how they render to block elements will be discussed in this article.

Fixed-width two-column CSS layout

[ No Comments ] Posted on December 6, 2008 under Cascading Stylesheet (CSS)

Design a simple website with two columns (content and side menu), a header and a footer. The width is fixed but it can expand downward to accommodate more content.

Centering a fixed-width webpage using absolute position

[ No Comments ] Posted on December 1, 2008 under Cascading Stylesheet (CSS)

A method of centering a fixed-width webpage that uses absolute position attribute to determine the exact coordinates of the outermost block element. You can center a webpage horizontally, vertically or both.

CSS Image Flip with text anchor link

[ No Comments ] Posted on November 27, 2008 under Cascading Stylesheet (CSS)

One advantage of CSS Image Flip compare to Java Image Flip is the capability of the former to accept text-based links. This image flip uses CSS and allows you to use text-based link instead of an image link found in other methods of image flip.

CSS Image Flip

[ No Comments ] Posted on November 20, 2008 under Cascading Stylesheet (CSS)

An alternative to Java Image Flip. This image flip uses CSS instead of Javascript to replicate exactly the same effect. Some people block Javascript in their browsers because some malicious websites use them to infect computers with malwares. Hence, I develop an image flip that works even if the Javascript is disabled.

Next Entries » « Previous Entries