If you live in an isolated area, or can’t commute to a typical nine-to-five job for other reasons, you don’t have to sacrifice a successful career. The following ten jobs offer freelance and work-at-home options that allow you–with the right career training–to succeed from a home office.

1. Management analyst (average salary in 2009: $84,650)
An expert in a given industry or business area may earn a living advising other companies as a management analyst (or management consultant). These consultants work on a project basis and may work from a home office or commute to client sites. Management analysts often have a bachelor’s degree and extensive experience in a particular field.

=========================================
Also on Yahoo! HotJobs:

* Resumes for the digital age
* Top 10 careers for ultimate job security
* Find a new job near you
* Get personalized Twitter job alerts from Yahoo! HotJobs

=========================================

2. Web developer (average salary in 2009: $70,930)
Web developers can create Web sites and Internet applications from any computer with the appropriate software, so they often perform project-based client work from home. Most Web developers have a bachelor’s degree in computer science or a related field, but an associate’s degree or certificate can also be sufficient.

3. Technical writer (average salary in 2009: $65,610)
Technical writers are communication specialists who translate technical subject matter into common, easy-to-follow language. They often write how-to guides, instruction manuals, and medical brochures. Many technical writers work from home offices, and they often hold a bachelor’s degree in English, journalism, or another communications field.

4. Public relations specialist (average salary in 2009: $59,370)
Public relations specialists help companies and organizations build a positive relationship with the public–they write press releases, address media inquiries, and communicate with interest groups. A bachelor’s degree in public relations, communications, journalism, or a related field is required for entry-level public relations positions.

5. Interior designer (average salary in 2009: $51,990)
Interior designers combine principles of art, architecture, and spatial planning to design building interiors that are both functional and aesthetically pleasing. Many interior designers are self employed and work from home offices on a project basis. Before working on their own, interior designers generally earn an associate’s degree or bachelor’s degree in interior design and complete a design internship.

6. Graphic designer (average salary in 2009: $47,820)
Graphic designers use computer design applications to create advertisements, brochures, logos, and other communications materials for clients. A bachelor’s degree in graphic design is the most common way to become a graphic designer, although associate’s degree and certificate programs are also available.

7. Caterer (average salary in 2009: $44,240 [includes all chefs and head cooks])
As an alternative to busy restaurant life, some chefs become caterers and prepare food for special events. Caterers need well-equipped kitchens and efficient staff to prepare food for large parties, but they can often run the business and planning side of catering from a home office. Many successful caterers have prior restaurant experience and an associate’s degree in culinary arts.

8. Mental health counselor (average salary in 2009: $41,710)
Mental health counselors use therapeutic techniques to treat patients suffering from depression, anxiety, stress, addiction, and other mental health disorders. Some self-employed mental health counselors hold counseling sessions in their home. To become a mental health counselor, you must earn a master’s degree in mental health or clinical counseling and become licensed by your state.

9. Massage therapist (average salary in 2009: $39,780)
Massage therapists help clients reduce stress, relax overworked muscles, and recover from injury using a variety of massage techniques. Many massage therapists are self-employed and can schedule appointments to fit their lifestyle. Most states require massage therapists to become licensed by completing an accredited massage therapy program.

10. Customer service representative (average salary in 2009: $32,410)
According to the U.S. Bureau of Labor Statistics, a growing number of companies are hiring customer service representatives who telecommute and answer customers’ calls from home. Not all customer service jobs require postsecondary education, but some companies prefer to hire people with a bachelor’s degree in communications, business administration, or a related field.

Career training for a home-based career
Whatever your current job or education level, you can work towards a rewarding, home-based career with the proper career training and degree. Online degree programs are especially convenient for working students, so you can continue your education and reach your professional goals.

Jessica Hanley is a writer pursuing a graduate degree in creative writing. Her previous experience includes marketing for the Penguin Young Readers Group and teaching writing to students of all ages. Jessica received a BA in English from Stanford University.

Source: All salary data was reported by the U.S. Bureau of Labor Statistics

WP Remix 3.0 is the only theme on the net that offers WYSIWYG page template editing. Over 50 page templates to choose from. Web standards, Color schemes, Usability, grid, typography… you ask for it, it has all in it!

For a limited time you can even get a FREE magazine Module with WP-Remix. Five magazine type layout variations that are elegant, clean, crisp with decent typography and have strategically placed ad spaces for maximum monetization. It’s a plug n play kind of module that integrates with WP Remix theme. Every blogger has different requirements so this will give you all the creative flexibility that you will need.

• Ideal for EVERYONE!
  Multi Purpose, hassle-free theme that covers almost every possible layout. Saves you weeks of time.
• WordPress as CMS at its best.
  Insert a page layout by a single click. Edit them in visual editor and publish!. What’s more you can set different sidebar and headers for different pages if you wish.
• Multiple Options – Easily Customizable.
  A Blog + 10 Homepage options + 20 Single page with different layout + 10 product/gallery page + 5 Miscellaneous page, Plugins compatibility, Ajax slider, Smart Drop menu, Tabs, Table…
• Light-weight, Professional code and design
  W3C Valid, Table less & Cross browser compatible, widget-ready, highly customizable…

You only need one WP Remix theme to build all your web projects.

“For small web development companies that work with clients on a low budget, project turnaround is severely reduced with this product.”

To check out all of the templates and a live demo go to the WP-Remix website! You can also check out the start of a site I am building using the WP-Remix 3.0 theme.

This plug-in will Protect your Wordpres blog content is based on the technique of “Disabling right-click” and “No text selection” scripts.

This plug-in will

• Disable right click on your blog.
• Disable Text selection too.

How to install and use

• Upload “wp-copyprotect.php” to the “/wp-content/plugins/ directory”
• Activate the plugin through the ‘Plugins’ menu in WordPress
• Go to Settings and then WP-CopyProtect to configure.

Know problems

• PROBLEM : Disable Content selection not working.
• SOLUTION : Actually your theme doesn’t have in footer, so please edit the footer of your theme and insert that code. To edit the theme go to Design >> Theme Editor >> Select “Footer.php” from right hand list >> and paste just before the ‘< /body >‘ tag. If possible add this code near to Wordpress link. The “disable Content selection” will start working.

Please note

This is just a basic copy protect plug-in, if someone want to copy your content he/she can go to source of the blog and can easily copy the stuff from there.

Always select “Summary” at “For each article in a feed, show” in Wordpress admin panel “Reading Settings” ‘[wp-admin/options-reading.php]‘ so that even if someone try to copy your content he can not copy the whole post.

Download

• Latest Release: Download WP-CopyProtect1.6.ZIP
• Compatible with Wordpress 2.7: Check Download stats

Page titles
Page titles are pretty self-explanatory. Each page on a Web site needs its own unique title, which after being placed appropriately in the head area of the HTML code, will appear in the browser window’s title bar. Page titles are set between opening and closing

Titles need to identify the site as well as the content displayed on each page by using a maximum of 70 to 80 characters, including any letters, numbers, symbols, spaces, punctuation, or other text entities. When writing your page titles, a good rule is to pack each one of them full of “keywords” that visitors are likely to use when searching for pages that contain desired information.

Meta tags
Meta tags are special HTML tags that also go inside the head area of the HTML code on a Web page, but rather than appear somewhere on or in the browser window, this information is strictly used by search engines, indexing spiders, and robots, and is hidden from the visitor’s view. Specifically, these tags provide search engines and Web browsers with informational content about the client’s company and code settings, which helps those search engines rank the site in search results listings and helps those browsers accurately display the code inside the browser window.

Keep in mind that meta tags aren’t magical search engine ranking improvers; on the contrary, they’re merely assistive code bits that can help people find your site. Truth be told, Google and some other search engines don’t use this kind of information as much as some of the other search engines, spiders, and robots do. Nonetheless, even though they aren’t as important as they once were, using them is still worthwhile.

While a lot of different kinds of meta tags can be added to the HTML of the pages, only two tags should be placed on every page of a site — the meta description and the meta keywords:

• Description: The description of the site is a single sentence that concisely describes what can be found on the site. Normally it should be written as a single sentence or short phrase and should contain no more than 150 characters, including spaces and punctuation. This information is critical, because this exact copy is often (though not in all search engines) what appears in a search engine results listing when the site is found after a keyword search. As a matter of fact, you may even ant to create unique descriptions for each page of your site to further assist visitors in finding relevant information on the site’s different pages.
• Keywords: While many Web crawlers ignore this meta tag, some still do use this information, so you may as well plan to include keywords in the code of your pages. Keywords should include the words or short phrases that you feel would be helpful when searching for this site. Keywords (and/or key phrases) should be separated by a comma either with or without a space, such as “bread,cakes,pies.” or “bread, cakes, pies.” Place the seven most important words first, in order of importance. Any more than seven words will probably be ignored.

Just a note. If I remember correctly, XHTML tags have to be in lower case alphabets. See the last sentence at Common HTML Validation Problems. Also, HTML tags normally comes in pairs, opening and closing tags. A few tags like the HTML for displaying images and doesn’t need a closing tag. Only thing is, with XHTML, I think you have to write your tag as . The meta tag generator gave this for my meta tags (it also include , etc. You can leave this out as it is already in your template. Just make sure to paste the meta tags below the tag in your template. This is a sample:

<title>Blog Title</title>
<link rev=”made” href=”mailto:username@email.com” />
<meta name=”keywords” content=”your keyword, CSS, eCommerce, Joomla!, Wordpress” />
<meta name=”description” content=your blog description, examle: tutorial about CSS, eCommerce, Joomla!, Wordpress, etc. for beginners” />
<meta name=”author” content=”Triah.com” />
<meta name=”ROBOTS” content=”ALL” />

Google Apps Premier Edition users can also use the Google Documents List Data API to upload files to Google Docs in batch, or purchase applications offered by third parties that enable you to migrate and sync your files to Google Docs:

• Memeo Connect for Google Apps is a new desktop application that offers an easy way to access, migrate, and synchronize files to Google Docs across multiple computers. (PC and Mac)
• Syncplicity allows Google Apps users to synchronize, manage, and backup files across desktops and servers, making it easy to use Google Docs seamlessly with existing applications and files. (PC)
• Manymoon is an online project management platform that makes it simple to organize and share tasks and documents with coworkers and partners, including uploading files to Google Docs.

Google always looking for ways to make it easier for you to access and organize your information online and google hope you find the ability to store, share, and collaborate on files in Google Docs helpful. In the coming months, google will enable Google Apps Premier Edition customers to purchase additional storage for $3.50/GB/yr (or €3.00/gb/yr in the EU).

Thumbnail view and spelling correction for Google Docs

Google have added a new view option to your Documents List: thumbnail view. While the standard “list view” displays the item title and information like sharing state, the thumbnail view displays small previews of your files. google generate thumbnails for all Google Docs types and most common files (photos, PDFs, etc). You can toggle betgoogleen the two using new buttons on the top right of the toolbar.

When combined with Search by Relevance, the thumbnail view makes it really easy to find the file you’re looking for.

And for all us spelling-challenged and typo-prone folks, google added spelling correction in search. Never again will you need to wonder how your search for “agedna” (agenda) came up with zero results.

When you’re co-editing in real-time, knowing where collaborators are making changes helps you avoid stepping on each other’s toes. google already have visual indicators for co-editor presence in documents and spreadsheets, and now presentations sports this feature too. You can see which slides others are working on, and if you’re editing the same slide together, colored indicators make it clear which text box, shape or other element they’re modifying.

Default https access for Gmail

In the past, you had the option to always use https encryption in Gmail to help protect your data as it travels betgoogleen your browser and our servers. After evaluating the trade-offs betgoogleen security and latency, as of last googleek encryption is now the default in Gmail.

If you trust your network’s security and want to disable always-on https for performance reasons, you can change your preferences in Gmail settings. Employees and students whose admins have not already defaulted their entire organizations to https will also see this option. The Gmail sign-in page will still always use https to help keep your password safe.

Easier duplicate contact merging

Over time, as friends and coworkers send you messages from different email addresses, your Gmail contact list can accumulate duplicate contacts. google recently made it easier to find and merge these duplicates. To get started, just just click the ‘Find duplicates’ button in the contact manager. Cleaning up your contact list is especially helpful if you sync your Gmail contacts with your phone.

Google Apps on Nexus One

Speaking of mobile phones, the new Nexus One Android device is a great way to take Google Apps with you everywhere. Nexus One not only syncs with multiple Gmail accounts, but it also syncs your contacts, with Google Calendar and with Picasa googleb Albums. Nexus One lets you instant message using Google Talk and access voicemail — including handy message transcriptions — with the Google Voice app.

Automatic page translation in Google Sites

Building the same googlebsite in multiple languages is lots of work, even if you’re multi-lingual. With automatic translation in Google Sites, sharing information with people who don’t speak your language is much easier. Just create your site in your native language, and visitors can instantly translate your site into any one of 51 languages that they’re more familiar with.

Administration tips

Deploying Google Apps

Has your company, school or organization decided to “go Google” — but not yet fully “gone?” Perhaps you’d like more guidance on the technical, marketing or training details? Or maybe you could use some resources to help you deploy? Making the decision to go Google can be the easiest part, but google realize that it sometimes takes a little boost to finish the process, which is where google come in.

source; Google Apps Newsletter – Februrary 2010

The best method is to process card payments in real time on the internet. Providers offering this service include WorldPay, Actinic, Authorize.Net. Net and many others. You pay an upfront fee and a transaction fee, but they do everything for you. This is generally more cost effective than a bureau service (see below), but requires you to have a merchant account with a bank, which is hard to get when you are a startup. This method is the most suitable for medium and high volume sites.

Then, some of the payment service providers can provide a ‘bureau’ type service. If you are unable to acquire your own merchant account, they will transact the funds on your behalf – a useful service for some, but not cheap, and they usually hold onto your money for several weeks. This is often the service which new start-ups must settle for.

The final way to take payments is by Paypal, which is easy to set up and allows both Paypal account holders and people with payment cards to buy from your site.

2. Make sure that ecommerceis right for you
If you are selling goods that customers do not need to touch, taste or smell before buying, at a fixed price, then the web is the place to be – especially if your products are hard for customers to find by conventional means. The web can offer your customers the convenience of being able to shop when it suits them, without having to travel or queue. And it offers a level of automation that can help drive down your costs, so you can offer keen prices into the bargain. You can check out the competition by looking on Google for some of the products that you plan to sell.

3. Get your offering right
Think about why people would want to buy from you. You need to provide them with something which they believe offers more value than the amount they pay, and which you can supply for less than you charge. It’s as simple (and difficult) as that.

4. Keep control of the cost
The less you spend on technology, the more you can afford to spend on promoting your site and bringing in customers. So look ideally for a solution that is low cost and can do what you want to begin with, but offers an upgrade path for the future.

5. Use technology that already works
Use technology that works, not stuff that’s a masterpiece in progress. Why bother debugging software from some start-up, when you could be using an application that is already working on thousands of online stores?

6. Find a reliable host
Your online store will be able to take orders 24 hours a day – but only so long as it is accessible. You will need a third party to provide the internet space for it. This can be your internet service provider, your ecommerce provider, or a specialized hosting company. Either way, choose one that is reliable. Get a personal recommendation from someone you know, check out one of the regular magazine reviews, or talk to your ecommerce provider.

7. Make sure you have ownership of your site
Solutions that are rented from a third party and hosted on their server can seem attractive for their low start-up cost and simplicity of use. But they leave you a hostage to the supplier. If the supplier does not provide good service – or worse, goes bust – you will be left high and dry. So choose a solution that covers these eventualities. For instance, you should end up with a full backup on your own PC, which allows you to move your site elsewhere if necessary. Alternatively, your supplier might have a backup partner who can take over in case of problems.

8. Make security a priority
Both you and your customers need to feel confident that you have adequate protection against hacking and fraud. Choose an ecommerce solution that provides full Payment Card Industry Data Security Standard (PCIDSS) compliance. There’s more advice on this later.

9. Choose an appropriate payment solution
In virtually every market, it’s vital to be able to take card payments. In order to do this, you normally need a merchant account which is granted by a “credit card acquirer”. All the major banks provide this service. You also need a payment service from someone like WorldPay or Actinic, which will securely handle the transfer of funds from the customer’s bank account to your own. However, if you are a start up business it’s hard to get your own merchant account, so you may be better off using a service like Paypal. Your shopping cart should be able to support these and a full range of other payment options.

10. Do it yourself – or not?
The decision whether to go it alone or bring in a professional will depend on a variety of issues. These include your budget; your level of technical knowledge and familiarity with the internet; the amount of customisation you require; the amount of time you have available; and whether you enjoy playing with computers. An ecommerce package can enable you to deploy a good-looking, fully functional site quickly, and at low cost. A web designer will add a professional finish and enhanced features that can generate confidence and boost sales. Either way, make sure the finished site is easy to use for both you and your customers.

11. Don’t forget the marketing
It is all very well opening your shop on the internet, but you need to think about how customers are going to find you. This is probably the most crucial point so we devote a couple of sections of tips to the whole subject.

Step 1: HTML Code
HTML code is very simple: you can use the flexibility of elements ul, li to design the menu / Submenu structure. I added also a green header above the menu, which you can use to add for example your site logo:

<!– HEADER –>
<div id=”top-navigation”>
<!– Something in the header here –>
</div>

<!– Main Menu –>
<div id=”navigation”>
<ul id=”mymenu”>
<li><a href=”#” onmouseover=”javascript:showsubmenu(1)”>Home</a></li>
<li><a href=”#” onmouseover=”javascript:showsubmenu(2)”>Movies</a></li>
<li><a href=”#” onmouseover=”javascript:showsubmenu(3)”>Music</a></li>
<li><a href=”contact.html”>Contact</a></li>
</ul>
</div>

<!– SUB MENU –>
<div id=”sublinks”>
<ul id=”s1″>
<li><a href=”#”>General</a></li>
<li><a href=”#”>Information</a></li>
<li><a href=”#”>News</a></li>
</ul>

<ul id=”s2″>
<li><a href=”#”>Drama</a></li>
<li><a href=”#”>Thriller</a></li>
<li><a href=”#”>Action</a></li>
<li><a href=”#”>Horror</a></li>
<li><a href=”#”>Colossal</a></li>
</ul>

<ul id=”s3″>
<li><a href=”#”>Rock</a></li>
<li><a href=”#”>Pop</a></li>
<li><a href=”#”>Classical</a></li>
</ul>
</div>

How you can see each link in the main menu calls a javascript function showsubmenu() which takes in input the ID of the submenu you want to display.
Each <ul> element into the layer #sublinks is a submenu related to a link in the main menu. You can identify each submenu with a progressive id, for example in this case with: S1, S2, S3…

Step 2: CSS Code
Copy and paste this code in the <head> tag of your page:

ul, li{border:0; padding:0; margin:0; list-style:none;}

/* ———– Navigation ———– */
#top-navigation{
background:url(img/topnav-bg.gif) repeat-x;
width:auto;
height:48px;
margin:0 auto;
}
#navigation{
background:url(img/nav-bg.gif) repeat-x;
height:32px;
margin:0 auto;
width:auto;
}
#navigation ul{
height:32px;
line-height:32px;
}
#navigation ul li{
display:inline;
}
#navigation ul li a,
#navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
display:block;
text-decoration:none;
float:left;
color:#4261df;
font-weight:bold;
text-shadow:#ffffff 2px 2px 2px;
}
#navigation ul li a:hover{
color:#1532a5;
}

/* ———– Sub Menu ———– */
#sublinks{
width:auto;
margin:0 auto;
background:#888888 url(img/sublink.gif);
height:30px;
font-size:11px;
}
#sublinks ul{
height:32px;
line-height:31px;
}
#sublinks ul li{
display:inline;
}
#sublinks ul li a,
#sublinks ul li a:visited {
padding:0 20px;
display:block;
text-decoration:none;
float:left;
color:#FFFFFF;
}
#sublinks ul li a:hover{
text-decoration:underline;
}

/* ———– Hide Sub menu ———– */
#s2, #s3{display:none;}

When the page is loaded for the first time I want to display by default the submenu with ID #S1. So, I have to set CSS display property for #S2 and #S3 to “none”;

Step 3: Javascript Code
Now add this simple javascript function showsubmenu() to shows/hides the submenu related to the link on the main menu. This function takes in input a parameter which is the ID of the submenu you want to display (take a look at the step 1):

Copy this code in the <head> tag of your page:

<script type=”text/javascript”>
function showsubmenu(id){
submenu = document.getElementById(’s’+id);
for(i=1;i<=3;i++){
if(i==id){
submenu.style.display=”block”;
} else {
document.getElementById(’s’+i).style.display=”none”;
}
}
}
</script>

This line of code execute a for cycle from 1 to 3, where 3 is the total number of submenu you have in your HTML code (in this example #S1, #S2, #S3):

for(i=1;i<=3;i++)…

If you want to add a new link in the main menu with a new submenu related at this link, increase the condition (3) of one unit (4):

for(i=1;i<=4;i++)…

…and in the HTML code (step 1), remember to add a new ul element with ID=”s4″ in this way:

<ul id=”s4″>
<li><a href=”#”>Link 1</a></li>
<li><a href=”#”>Link 2</a></li>
<li><a href=”#”>Link 3</a></li>
</ul>

It’s all!

Download source code

http://woork.blogspot.com/2008/05/pastel-color-menu-with-dynamic-submenu.html