1

target="_blank"

Example: of an HTML link:

<a href="www.anotherwebsite.com" target="_blank">Open Another Website</a>

The target attribute “_blank” defines where the linked document will be opened.

Below you will find three codes you can use to create style sheets for different versions of IE.

IE ONLY:

1
2
3

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->

IE 7 ONLY:

1
2
3

<!--[if IE 7]>
	<link href="IE-7.css" rel="stylesheet" type="text/css">
<![endif]-->

IE 6 ONLY:

1
2
3

<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="IE-6.css" />
<![endif]-->

Copy Option One for an unordered list <ul>

1

ul { list-style-type: none; }

Copy Option Two is fo an ordered list <ol>

1

ol { list-style-type: none; }

In this tutorial we will be working with the a:hover style! The steps to follow are given below:

If you want the links effect to change throught the site then use option 1
If you only want to have the links to change in a particular place then use option 2

Option 1. Hyper Text Rollover Effect throughout the site

Copy this code into your CSS Styles yourstyle.css file

1
2
3
4
5
6

/* mouse over link */
a:hover { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #990000
}

Option 2. Hyper Text Rollover Effect in a particular place of your site

Copy this code into your CSS page “yourstyle.css” file

1
2
3
4
5
6

/* mouse over all links in class .links */
.links a:hover { 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #990000
}

Example of Option 2

Copy code in the body of your page

1
2
3

<p class="links">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a leo in quam placerat egestas vitae sed felis. Donec ultrices justo id velit pulvinar blandit. <a href="link.html">Your Link.</a>
<p>

Isn’t Using a Free Template Tacky and “Cheating?”

Do you call it cheating if you sew a dress using a pattern? Cook a dish following a recipe? Using a template is no different.

Just as you do with cooking and sewing you can add your own embellishments and “flavor” to make any template yours.

Are Free Web Templates Customizable and Bug-Free?

There are thousands of free templates available on the web (Google “free website templates”) but I suggest also looking at low-cost templates as well. All web templates that can be downloaded are customizable to some degree.

Free templates for WordPress, Joomla, and Drupal often have severe limitations and bugs, and a more “home grown look.” They are not “bad” but they are not nearly as good as the ones you pay for.

Free CSS and HTML web templates are generally easier to customize and put together better than other application templates (fewer bugs and easier to debug if necessary).

Remember, even purchased templates may have bugs or glitches that you will have to work around. And free or purchased, all templates will need at least some basic tuning.

Won’t People Know I am Using a Template?

Maybe. But there is nothing taboo about using templates. Besides, even if you only change the logo on a template remember that there are now about nine billion websites indexed by Google alone so the chances of someone seeing your template used elsewhere are fairly low.

Summary

Should you use free website and blog templates? Yes! Even if you do not end up actually launching a site using free templates they are an easy way to learn how create or customize a website.

Mozilla Firefox (1.0 final release and earlier)

Go to the “Tools” menu.
Select “Options”.
Select the “Privacy” icon in the left panel.

Check the box corresponding to “Allow sites to set cookies”.
Click “OK” to save changes.

Mozilla Firefox (3.0)

Go to the “Tools” menu.
Select “Options”.
Select the “Privacy”.
Set Firefox will: to Use custom settings for history.
Make sure Accept cookies from sites is selected.
Click Exceptions….
Make sure the site you’re trying to access isn’t listed.
Click “OK” to save changes.

Windows IE 6.x Browser

Select Tools
Select Internet Options
Select the Privacy tab.
Select Advanced
Deselect override automatic cookie handling button
Click on the OK button at the bottom of the screen.
Click OK to exit

Windows IE 5.x Browser

Go to Tools on the menu bar
Pick Internet Options
Click the Security tab
Select the Custom Level tab
Under “Allow Cookies that are stored on your computer” click “Enable”
Under “Allow per-session cookies (not stored)” click “Enable”
Select OK, Yes you want to save the settings

Netscape 7.1/Mozilla 5.0

Select “Preferences” from the Edit menu.
Click on the arrow next to “Privacy & Security” in the scrolling
window to expand.
Under “Privacy & Security”, select “Cookies.”
Select “Enable all cookies”.
Click “OK”.

Mac IE 5.x

Click Edit
Select Preferences
Under the Receiving Files option, select Cookies
Under “When receiving cookies:” select the desired level of cookie
acceptance
Under “When receiving cookies:” select the desired level of cookie
acceptance
Click OK to finish

Mac IE 4.x

Go to My AOL on the menu bar
Pick WWW
Go to the Advanced Settings option on the Category menu
Click “Cookies”
When receiving cookies: Click “Never Ask”
Click OK

Netscape 6.x

Click Edit on the Toolbar.
Click Preferences
Click the Privacy and Security category; expand the list to show the
subcategories.
Click Cookies
Three options are displayed. Click the appropriate choice:
– Disable cookies
– Enable cookies for the originating web site only
– Enable all cookies
If you want to be notified when a web site tries to set a cookie,
select “Warn me before accepting a cookie.”

Netscape 4.x

Go to Edit on the menu bar
Pick Preferences
Go to the Advanced option on the Category menu
Click the check box next to “Accept All Cookies”
Click OK

AOL 8.0

From the AOL Toolbar, select Settings.
Select Preferences
Select Internet Properties (WWW)
Select the Privacy tab
Select Advanced
Deselect override automatic cookie handling button
Click OK to exit.

AOL 7.0 with IE 6.x

From the AOL Toolbar, select Settings.
Select Preferences
Select Internet Properties (WWW)
Select the Privacy tab
Select Advanced
Deselect override automatic cookie handling button
Click OK to exit.

AOL 7.0 with IE 5.5

From the AOL Toolbar, select Settings.
Select Preferences
Select Internet Properties (WWW)
Select the Security tab
Select the Custom Level tab
Under “Allow Cookies that are stored on your computer” click “Enable”
Under “Allow per-session cookies (not stored)” click “Enable”
Select OK, Yes you want to save the settings

AOL 6.0

From the AOL Toolbar, select Settings
Select Preferences
Select Internet Properties (WWW)
Select the Security tab
Select the Custom Level tab
Under “Allow Cookies that are stored on your computer” click “Enable”
Under “Allow per-session cookies (not stored)” click “Enable”
Select OK, Yes you want to save the settings

The first thing you need to do if you want the most traffic possible for your WordPress blog is to adjust your permalink structure.
The way you do this is by clicking on, in your WordPress Admin area, Settings on the left vertical menu, and then selecting Permalinks.

You’ll see a number of options:

Default http://yourdomain.com/?p=123
Day and name http://yourdomain.com/2009/02/15/sample-post/
Month and name http://yourdomain.com/2009/02/sample-post/
Numeric http://yourdomain.com/archives/123

Options 1 and 4 have to be avoided like the plague. You MUST have your permalinks set so that the name of your post (and hopefully the keywords you’re trying to target) appear inside your URL.
Another good permalink structure to use is select CUSTOM and enter:

/%category%/%postname%

Again it ensures that your keywords are going to appear in the URL rather than an arbitrary, NUMBER for the name of your post.

Part 2: Blog Post Titles

Once that’s done you’re ready to move on and start creating your post. This next tip relates to when you’re actually on the write post page and making your content.
The first thing you need to do is create a quality post title. A quality blog post title is one that both appeals to your readers and satisfies the search engines such that they will rank your post for the keywords you want to rank for.

So say you’re writing a post that you want to target the keyword

“WordPress SEO” – an appropriate title might be:

“WordPress SEO: How To Perfectly Optimize Your Blog For Search Traffic”

This has the keyword in the title FIRST and also has an appealing “how to” headline type statement that is exciting and appealing to a potential reader. This ensures not only that your post will rank well, but when it DOES get the rankings, it will get clicked and your site will get viewed.

These are the first two steps to successful on page optimization of your WordPress blog content.

1. CSS tableless design allows web designers the possibility to make more complex layouts and designs when producing a website. With table based layouts, web designers are confined to creating layouts that can be rigid, inflexible, and based on grids. CSS tableless based layouts, on the other hand, allow the designer to be as creative as their imagination allows them to be.

2. If your intention is to improve search engine rankings for your website, then a CSS tableless design will help your cause. CSS tableless designs result in smaller web page file sizes, a reduction in the ratio of code to content, and the elimination of the extraneous “junk” HTML markup that many table based web editors use. This makes it easier for search engine spiders to crawl through your website and results in a more favorable ranking in search engines.

3. By using CSS style sheets it is extremely easy to maintain visual consistency throughout your website. When using table based layouts, it is easy to lose this consistency because each web page’s style, layout, and design are frequently hard-coded individually into every page. If you need to make a change to your website across all pages, you’ll have to change the code on each individual page. With CSS, all pages can use the same CSS document for their layout and styles. If you change a property in the CSS file, the changes will be instantaneously reflected across all pages of your website.

4. Updating a CSS tableless website is easier and less time consuming than compared to table based designs. For example, if you want to change font sizes and colors within your website, your external CSS file can be simply opened and the necessary changes made without making the change on each and every page of your website. To change the look of your website for special or seasonal promotions, the entire website “look and feel” can be completely altered simply by changing properties in the CSS file without touching the HTML code of the web page.

5. Redesigning a website using CSS tableless design is faster and less expensive than redesigning a website using table based design. This is because CSS tableless designs have separate files for content and visual data including web page structure whereas table based designs mix layout information with content in the same file. By separating the visual data and layout from the content, a web designer is able to quickly and easily make changes across the entire website.

6. Table web page designs rely heavily on the use of spacer .gifs, a transparent image used to control blank space within a table based web page. Having to create a series of custom sized transparent images to organize your web page layout creates messy code and a rigid page structure that can’t be easily changed. CSS tableless design eliminates this problem by using DIVs instead of tables which can be easily resized, positioned anywhere on a page, or even dynamically manipulated through the use of scripting languages.

7. A common advantage of using CSS tableless web design is a reduction in web page file size which equates to your web pages loading faster. When compared to a CSS tableless layout, a table based web page frequently takes twice as long to load. Also, the amount of bandwidth you will save using a CSS tableless based approach, especially as your website grows in size, can be vast resulting in a faster overall loading website while saving you money.

8. Using CSS tableless web design makes your website more accessible by making content consumption and site navigation easier for users. You’ll also do a much better job of accommodating those with visual impairments and other disabilities. Screen readers, Braille devices, and special browsers for the impaired have fewer problems with tableless designs because they can control the CSS file making font sizes larger, or even modify the web page structure to make it easier to read.

9. CSS enables the web designer to attach multiple style sheets for different media types. If a potential customer visits your site with her Blackberry or mobile phone, a different CSS style sheet is called which dictates a completely different layout and styling for your entire website formatting it for optimal viewing on the small screen of the device.

CSS tableless design is a great method for developing modern websites and offers many valuable advantages over traditional table based design. Using CSS tableless design will provide your website visitors better usability and accessibility, faster page load times with greater, more elegant design possibilities. For the web developer and website owner, CSS tableless websites are easier and less expensive to redesign, update and maintain. When given a choice, CSS tableless design will be the best option for most present day website designs.

If you do not have a hosting company for your new blog site I recommend you to use HostGator. I find that HostGator the most reliable host I ever used for Wordpress Blogging so far. Sign up for HostGator Hosting before we proceed next step.

Installing wordpress in hostgator can be easy or complicated, I will be going down the easy path – Using Fantastico De Luxe:

1. The first thing you should do is to look into your email after purchasing the services of Hostgator. Get your control panel’s username and password then we’re ready to go.
2. Login to your website’s control panel, it will probably be in this location, http://yoursite.com/cpanel. It may not work for the first day of your purchase, but it will eventually be ok after your DNS has been propagated to the world wide web, probably the longest time it will take to do so is two days (I bet it won’t take you that long).
3. After logging in, select the icon of Fantastico De Luxe (the blue smiley icon). It is often the last icon in your control panel.
4. In the Fantastico De Luxe window, look at the left sidebar where all third party scripts are located and select wordpress. Wordpress installation page will appear, just select “New Installation” and off you go. Fill out the forms. *If you want your blog to appear in the main directory of your wesite, e.g. http://yoursite.com and not http://yoursite.com/blog, leave install in directory blank.
5. You’re done! Just don’t forget the username and password that you used in the installation process, you will need that to login in your blog’s administrative panel.

Next tutorial will be on configuring Wordpress for the first time. So check back with us soon. Comments welcome..

You’re done! Just don’t forget the username and password that you used in the installation process, you will need that to login in your blog’s administrative panel.

Hostgator hatchling is only $4.95 with one domain name, will be the right startup package for you. Hostgator hosting is using very high performance server, offering very good uptime, and very good technical support.

Hostgator is hosting collectivewebdesign.net powered by wordpress blog hosted with hostgator baby plan. For the previous few months, my site had recorded very good server uptime (over the internet). And some of the month, i am seeing perfect 100% uptime. Which is a very good sign that the server is properly managed. This makes hostgator one of the best wordpress hosting provider.

Any of the hostgator shared hosting: hatchling, baby, swamp, are all supporting wordpress blog script. You can quick install wordpress from the hostgator cpanel fantastico, or manually upload the latest script to server and setup from your web browser. Here are the cpanel’s fantastico blog scripts: b2evolution, Nucleus, pMachine Free, WordPress.

If you want to sign up with hostgator, better do it fast during this special discount period. Hostgator is only 1 cent for the first month on their hosting plan, use this Hostgator Coupon : Wordpress

Go to Hostgator.com