<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Effective Classy Websites&#187; Website Portfolio</title>
	<atom:link href="http://effectiveclassywebsites.com/tag/website-portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://effectiveclassywebsites.com</link>
	<description>Emphasizing marketing, simplicity and usability to increase the effectiveness if your website.</description>
	<lastBuildDate>Mon, 06 Feb 2012 04:02:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How To Choose and Secure a Domain name</title>
		<link>http://effectiveclassywebsites.com/how-to-choose-and-secure-a-domain-name/</link>
		<comments>http://effectiveclassywebsites.com/how-to-choose-and-secure-a-domain-name/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 10:53:34 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Web Tutorials]]></category>
		<category><![CDATA[Domains]]></category>
		<category><![CDATA[Hosting]]></category>
		<category><![CDATA[Website Portfolio]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/?p=191</guid>
		<description><![CDATA[Before you can create a website it needs a name. www.google.com is a domain.  www.gofindyourself.net is a domain. Even though it seems like putting the horse before the cart, what it does is get you thinking about what you are about. This is a good thing. If possible a domain name should serve at least [...]]]></description>
			<content:encoded><![CDATA[<h3>Before you can create a website it needs a name.</h3>
<p style="text-align: center;">www.google.com is a domain.  www.gofindyourself.net is a domain.</p>
<p>Even though it seems like putting the horse before the cart, what it does is get you thinking about what you are about. <em>This is a good thing.</em></p>
<div id="tmip-10-453408"><embed src="http://blip.tv/play/Aea6ApHRBA" type="application/x-shockwave-flash" width="580" height="450" allowscriptaccess="always" allowfullscreen="true"></embed></div>
<p> <script language="javascript" type="text/javascript" src="http://inplay.tubemogul.com/ipembed?v=1&#038;site=10&#038;uid=453408&#038;vid=1669933&#038;key=Aea6ApHRBA"></script><br />
<em><br />
</em></p>
<p>If possible a domain name should serve at least one if not all of these qualities:<span id="more-191"></span></p>
<ul>
<li>To be memorable</li>
<li>Makes it clear what it is you do</li>
<li>Easy to spell and write down</li>
<li>Describes the benefit you provide</li>
<li>Contains keywords relevant to your audience (this has an SEO benefit)</li>
<li>Talks directly to the people that will be interested in what you have to offer.</li>
</ul>
<p><img class="alignright size-full wp-image-246" title="hand-words" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/11/hand-words.jpg" alt="hand-words" align="right" />Once you know what your website is about and what it&#8217;s focus is, this should suggest some keywords to you.</p>
<p>Next, jot down some of those keywords that relate to your website. It may simply be your name.</p>
<p>For example my music website is a combination of my name and what I do. i.e. <a title="HerrinMusic.com" href="http://herrinmusic.com" target="_blank">www.herrinmusic.com</a></p>
<p>Next you want to be able to find what domains are available right?</p>
<p>Here is a great little domains search tool from a website called <a title="Domize.com" href="https://domize.com/" target="_blank">Domize.com</a>.</p>
<div style="border: 1px solid #6ecaff; width: 320px;">
<div style="background-color:#6ecaff;color:#fff;font-family:arial;font-size:11px;padding:2px 0;text-align:center;">Domize &#8211; the fastest <a style="text-decoration:none;color:#fff" href="https://domize.com/">domain name search</a> ever!</div>
</div>
<p>Here is another good domain search tool. This one gives some suggestions of other names as well.<strong> </strong> <a title="NameDroppers.com" href="http://namedroppers.com/" target="_blank">http://namedroppers.com/</a></p>
<p>Once we have settled on a domain we need to find a good domain provider.</p>
<p><strong>Domain Provider Reviews and Comparison</strong></p>
<p><a title="Domain Providers Comparison" href="http://smallbusiness-domain.com/">http://smallbusiness-domain.com/</a></p>
<p><strong>Some Domain Providers</strong> <a title="Yahoo Domains" href="http://smallbusiness.yahoo.com/domains/"></a></p>
<p><a title="Yahoo Domains" href="http://smallbusiness.yahoo.com/domains/">http://smallbusiness.yahoo.com/domains/</a> <a href="http://www.godaddy.com/"></a></p>
<p><a href="http://www.godaddy.com/">http://www.godaddy.com/</a> <em></em></p>
<p><em>Most domains cost around $9 to $15 dollars per year.</em></p>
<p>I have been using a crew in Australia for the last year or two with no troubles but whoever you choose, keep these few crucial things in mind:</p>
<p><strong>Important!</strong></p>
<ul>
<li>Use the one Gmail account for all your domains and web hosting accounts. Make it separate from your everyday email but be sure to check it often.</li>
<li>Save your account names, passwords and links in Firefox for convenient, quick access.</li>
<li>Keep your contact information up to date on the Registrar site, especially the contact email address. This ensures that you are contacted when the domain needs renewing.</li>
<li>Every domain has a control panel. Make a note of where the DNS (Domain Name Servers) settings are so that when you get hosting you can update them and get started!</li>
</ul>
<p>The <strong>D</strong>omain <strong>N</strong>ame <strong>S</strong>ervers simply tell the domain where the actual website for that name is hosted so that when people type in your address it opens the correct site.</p>
<p>NOTE: Having the one account for all your domains makes it easier to administer but you can transfer from another to consolidate your domains.  <em></em></p>
<p><em>Confused by all the terms used with domains?</em> <a title="Domains Glossary" href="http://smallbusiness-domain.com/resources/domain_glossary" target="_blank">Check out this Glossary</a> <strong></strong></p>
<p><strong>Where Do I Find my DNS settings you ask?</strong></p>
<p style="text-align: center;">Well if you don&#8217;t have hosting yet there won&#8217;t be any.</p>
<p>If you do have hosting the DNS settings will probably be in your welcome email or on your Cpanel.  For example the <a href="http://secure.hostgator.com/cgi-bin/affiliates/clickthru.cgi?id=herrinlar">Hostgator</a> welcome email looks like this (with fake information of course):</p>
<p style="text-align: center;"><img class="size-full wp-image-244 aligncenter" title="hostgator-account-info" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/11/hostgator-account-info.jpg" alt="hostgator-account-info" /></p>
<p style="text-align: center;">
<p style="text-align: left;">Once you have found the settings, enter them into your new domains control panel. It will probably look something like this:</p>
<p><img class="alignnone size-full wp-image-245" title="nameservers" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/11/nameservers.jpg" alt="nameservers" /></p>
<p>Having completed this we are ready to either organize our hosting, or prepare the space on our current hosting to accomodate our new website.</p>
<p><em>But for the moment, rejoice for your site has a name!</em></p>
<p style="text-align: center;"><img class="size-full wp-image-247 aligncenter" title="happy-face" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/11/happy-face.jpg" alt="happy-face" /></p>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/how-to-choose-and-secure-a-domain-name/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11 Steps to creating a Classy and Clean Website</title>
		<link>http://effectiveclassywebsites.com/11-steps-to-creating-a-classy-and-clean-website/</link>
		<comments>http://effectiveclassywebsites.com/11-steps-to-creating-a-classy-and-clean-website/#comments</comments>
		<pubDate>Sun, 06 Apr 2008 14:22:03 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Web Tutorials]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Website Portfolio]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/?p=115</guid>
		<description><![CDATA[There are a lot of web pages out there that are like wet toilet paper thrown at a board. They just see what sticks. Usually its not your visitors. This short guide will give you my impressions on what makes for a professional, classy website. 1. Be clear what your site is about. Make sure [...]]]></description>
			<content:encoded><![CDATA[<p>There are a lot of web pages out there that are like wet toilet paper thrown at a board. They just see what sticks. <em>Usually its not your visitors.</em></p>
<p>This short guide will give you my impressions on what makes for a professional, classy website.<span id="more-115"></span></p>
<p><span style="color: #800000;"><strong>1. Be clear what your site is about.</strong></span></p>
<p>Make sure it has a clear purpose and that you have explored your own reasons for making the site. If its a music website for example, make it easy to listen to the music and invite people into your world. If its a news website, let the blog be out front and try to update it often with clear informative content.<br />
<span style="color: #800000;"><strong>2. Allow the blank space<em>.</em></strong></span></p>
<p>Resist the urge to fill up all the space with links and images and new gadgets. It will start looking like MySpace if youâ€™re not careful. Its a lot easier to process information when there is simply not too much of it. This is especially true if youâ€™re trying to sell something. People do nothing when they are confronted with too much data.</p>
<p><span style="color: #800000;"><strong>3. Have a simple color scheme</strong>.</span></p>
<p>Unless it is done very skilfully, having too many colors makes for an overload of information for the eyeballs and again people can get confused. Ideal is to use colors that reinforce your brand or focus i.e. blue for calm and cool. I use blue on this for the association with Apple but also because it slows you down with all the information that is here.<br />
<span style="color: #800000;"><strong>4. Cross your ts and dot your iâ€™s.</strong></span></p>
<p>Details are important. Check your spelling and make sure that your wording feels natural and smooth. Start a new sentence if you have to make a lot of points. Take your time and come back to it if you have to.</p>
<p>Many times I find myself coming back to articles and changing small things. Its a good thing to take pride in your work even if only a few people read it. Which comes first?<br />
<span style="color: #800000;"><strong>5. Clean simple navigation.</strong></span></p>
<p>There are 2 basic areas for navigation. First you have the top bar, then the sidebar or table of contents. The top bar should be simple and move your visitor through a sequence of action.</p>
<p>The sidebar is for bolstering your credibility and for extra links and information. For example on a music site you might have <em>Home (about your music) &#8211; Sound Samples &#8211; Order CD &#8211; Contact</em> on the top bar and <em>FAQ &#8211; Gigs Schedule &#8211; Press Downloads</em> <em>- Photos</em> on the TOC.<br />
<span style="color: #800000;"><strong>6. Make every element count.</strong></span></p>
<p>Donâ€™t add a page or a feature or an image just because you can. Only add something that truly bolsters your credibility or adds to your story. Press clippings of a major exhibition and some photos (if youâ€™re an artist) will show people you are active and successful. Adding a guestbook or ANY glitzy flashing stuff will only distract your visitors.<br />
<span style="color: #800000;"><strong>7. Place ads skilfully if at all.</strong></span></p>
<p>Ads generally get in the way. Sure, for most really popular sites its how they add to their income, but for anyone else it only distracts the user and comes across as cheap. If you must have them, make sure they are contextual (i.e specific to the content on the page) or make sure they truly are a great product or service.<br />
<span style="color: #800000;"><strong>8. Have a professional developer make your site</strong>.</span></p>
<p>Sometimes doing it yourself is a great way to signal â€œIâ€™m an amateurâ€. Unless you know how to use tools like Dreamweaver, have a sense of design and/or have the time to learn, you may be creating more trouble for yourself than it is worth.<br />
<span style="color: #800000;"><strong>9. Use WordPress.</strong></span></p>
<p>One of the things that really attracted me to WordPress initially was the themes and the fact that you couldnâ€™t change the layout too much! This was a relief because I had been endlessly messing around with all the previously mentioned elements. In horrible style I might add. The structured nature of the layout really gets you focused on the content.</p>
<p>This is where the power is my friends! <strong>Content.</strong></p>
<p>Of course there are other systems like iWeb for mac that provide many beautiful clean layouts and themes to help you start making sites with but, if you combine the dynamic nature of WordPress, its plugins and all their features there really is no competition.</p>
<p><span style="color: #800000;"><br />
<strong>10. Focus on Content.</strong></span></p>
<p><em>Keep your mind on the most important questions.</em></p>
<ul>
<li>What value can I provide for others?</li>
<li>How best can I present this so that it is accessible?</li>
<li>What is this page or article about?</li>
<li>Who are my target audience? and other marketing questions.</li>
</ul>
<p>A lot of the previous problems I have mentioned are at their root, caused by a lack of clarity around what you are about. So instead of asking a few simple questions people get caught up in the colors and all the features under the sun like hit counters and font choices.</p>
<p><strong><em>Remember this:</em></strong> People care about themselves and are only interested in you to the degree that you can solve a problem or provide a service. Period<em>.</em><br />
<span style="color: #800000;"><strong>11. Make it Personal.</strong></span></p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/08/herrin-smile-reallysmall.png" alt="" align="left" />On the internet personal is professional. I canâ€™t believe the number of people that resist putting their photo or some kind of personal touch on their websites. People connect with people, not to computers!</p>
<p>There are far too few faces and personal elements on the net.</p>
<p>Why do you think all the most popular sites are social networking sites like MySpace and YouTube! At the very least an image of yourself will help to build trust and invites interaction as well<em>.</em></p>
<p style="text-align: left;">Well I hope this has helped to bring clarity to your website project, I know it has done so for me to write it.</p>
<p style="text-align: center;"><em>Take care and till next time, happy surfing!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/11-steps-to-creating-a-classy-and-clean-website/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to write an article in WordPress 2.3 self-hosted</title>
		<link>http://effectiveclassywebsites.com/how-to-write-an-article-on-your-wordpress-site/</link>
		<comments>http://effectiveclassywebsites.com/how-to-write-an-article-on-your-wordpress-site/#comments</comments>
		<pubDate>Fri, 01 Feb 2008 05:18:42 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[Tools & Resources]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Website Portfolio]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/blog/wordpress-tutorials/how-to-write-an-article-on-your-wordpress-site/</guid>
		<description><![CDATA[Subscribe to our free newsletter and download this page as a PDF and all our training movies as Quicktime files! This tutorial will show you how to create a new post or article in WordPress. Before we start I should mention that WordPress seems to function more reliably on certain browsers. In my experience Firefox [...]]]></description>
			<content:encoded><![CDATA[<p><em>Subscribe to our free newsletter and download this page as a PDF and all our training movies as Quicktime files!</em></p>
<p><img style="margin: 5px;" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/01/wordpress-logo23.jpg" alt="" hspace="3" width="95" height="95" align="left" /><strong>This tutorial will show you how to create a new post or article in WordPress.</strong></p>
<p>Before we start I should mention that WordPress seems to function more reliably on certain browsers. In my experience <em>Firefox is most stable and hassle free.</em><a title="Download Firefox" href="http://www.mozilla.org/download.html" target="_blank"><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/01/firefox-eats-ie.jpg" alt="Firefox Eats IE" width="89" height="86" align="right" /></a></p>
<p>Considering its free why not download it now? It also does a great job of remembering all your passwords for all your sites and accounts. <a title="Mozilla Downloads" href="http://www.mozilla.org/download.html">Download Firefox here.</a></p>
<p><strong>NOTE: </strong>This is a detailed guide designed for beginners through to advanced.</p>
<p align="center"><em>Follow these steps to create an excellent blog article for your WordPress site:</em><span id="more-72"></span></p>
<p align="center">Start by logging in to your WordPress site and clicking the <em>Write</em> tab.</p>
<p><em><strong>1. Ask yourself &#8220;What is the focus of this article?&#8221;.</strong></em></p>
<p>Keeping the topic narrow can be a good thing because you can explore your ideas with some depth. Your answer might be &#8216;I want to share this experience I had overseas and show some photos.&#8217; Or perhaps &#8216;Create a concise guide on how to write a great blog article&#8217;</p>
<p><strong><em>2. Create a strong title that tells the reader exactly what this focus is.</em></strong></p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2007/11/wp-tut-titlebar.png" alt="" /></p>
<p>For example compare, &#8216;A great place to travel&#8217; with &#8216;Landscape photos from Bolivias highlands in winter&#8217;. One gives no real specific information as to what it is about. The other gives clarity and is far more compelling. Also keep in mind that you are wasting peoples time if you fail to do this properly. A title is how people skim for what they are interested in. <strong>Make your title clear and specific.</strong></p>
<p>One more point is that if possible put in some of your keywords that relate to your sites focus.</p>
<p align="center">If you don&#8217;t know what you&#8217;re writing about yet you may want to leave this till later.</p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2007/11/wp-tut-category.png" alt="" hspace="4" vspace="1" width="156" height="224" align="right" /><br />
<em><strong>3. Choose a category from the menu on the right and fill in the side menus.</strong><br />
</em></p>
<p><strong>Categories :</strong> The Category is a broad way of positioning your article in your readers mind and gives another way to find and list your information. It is generally better to choose only one category because it can make for confusion for readers and the search engines. Create a new one if it does not fit into anything you already have.</p>
<p>The side menus (positioned below the Categories chooser), can actually be moved around by the way. When you put your pointer at the top of one of the blue bars it will change to a little hand. You can then re-order them freely.</p>
<p><strong>Post Slug :</strong><em> </em>This is the URL of the post. You can leave this alone and when you publish your article it will name it whatever you out in the Title.</p>
<p><strong>Post Status :</strong> This is a way that you can change the way WordPress deals with your post. Keep this on draft until you are ready to show your article to the world. While you are writing, WordPress will frequently save your draft for you so you don&#8217;t have to click <em>Save and Continue Editing</em>.  If you click <strong>Save</strong>, it will save your draft or post and go back to the Posts page. To return you will have to click on Write Post again and click on the title of the post again to be able to edit it.</p>
<p align="center"><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/01/save-publish-buttons.png" alt="" /></p>
<p><strong>Discussion :</strong> This is where you can disallow comments, or incoming blog links (pings) on your post. Usually you can leave both of these ticked.</p>
<p><strong>Post Password :</strong> Here you can restrict only people that have the password to be able to view your article.</p>
<p><strong>Post Timestamp :</strong> This is a record of when the post was written. This can be changed if you want to shift an article backward sor forwards in time. Very handy!</p>
<p><strong><em>4. Write your article and create the raw text.</em></strong></p>
<p>This is where you have to type stuff in to the keyboard and actually say something!</p>
<blockquote><p><em>This is really the substance of your article.</em> Even if you plan to upload mostly images and photos there is still a story to tell and thinking about what is special about them or giving some background can make all the difference. Involve people in your world. Invite them to see through your eyes and don&#8217;t be afraid to put your personality into it.</p></blockquote>
<p>You may want to write your article in the WordPress window but many people have either written something already or prefer to have it prepared before they come to this stage. In either case we need to consider the formatting of the text we are importing.</p>
<p align="left"><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/01/advanced-tool-tips.png" alt="" hspace="3" vspace="1" width="26" height="28" align="right" />If you want to import text <em>without the formatting</em>, click the <strong>Show/Hide Advanced Tool Tips button</strong> next to the Question mark on the top row of buttons. This will open up a whole row of options, but the one we want is <img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/01/text-word-buttons.png" alt="" width="64" height="27" align="left" />the <strong>Paste as Plain Text</strong> button. Copy your text by highlighting it and right-clcking and selecting Copy, then click this button. It will import your text without formating while preserving the link breaks.</p>
<p align="left">To import text<em> </em><em>with the formatting</em> you can either paste directly into the window or if you have something from Microsoft Word then click the button to the right which is the <strong>Paste from Word</strong> button. This is the same deal except it will keep the layout from a Word doc for you.</p>
<p align="center"><em> Oh and make sure the spelling is correct!</em></p>
<p>You can use the <strong>Toggle spellchecker</strong> button for this to help out. See below for usage.<em><br />
</em></p>
<p><strong><em>5. Format the text with the HTML editor and add links if necessary.</em></strong></p>
<p><strong>NOTE:</strong> If you let your pointer hover briefly over any of the buttons on the WordPress toolbar they will tell you in English what they do.</p>
<p>This is how we give the post structure and breathing space. <em>Using italics</em> and <strong>bold</strong> and the <span style="text-decoration: underline;">other various features</span> makes an article so much easier to read and can help keep your readers attention.</p>
<p>Skillful use of images (next step) also makes for a good article and should be used to enhance, not distract your intention. So lets go through the buttons and what they all do.</p>
<p style="text-align: center"><img src="http://effectiveclassywebsites.com/wp-content/uploads/2007/11/wp-tut-toolbarthin.png" alt="" /></p>
<p>Usually to make a button work you have to first highlight the text or position the cursor where you want something to happen. Some of these will display differently depending on the styling of the theme you are using.</p>
<p>So, moving from left to right we have<strong>:</strong></p>
<p><strong>Text formatting buttons:</strong></p>
<p><strong>Bold</strong> &#8211; <em>Italic</em> &#8211; <span style="text-decoration: line-through;">Strikethrough</span> &#8211; Bullets (dots) &#8211; Bullets (numbered) &#8211; Outdent &#8211; Indent (or blockquote text) &#8211; Align Text Left &#8211; Align Text Center &#8211; Align Text Right.</p>
<p><em>Next we have:</em> Insert/Edit Link &#8211; Unlink &#8211; Insert/Edit Image &#8211; Split Post with more tag.</p>
<p><strong>Insert</strong><strong>/Edit link</strong> : to create a link you must open a new page or tab in your browser and go to the page you want to link to. Make sure to leave the New Post page you are on open. Do not navigate away from this page.</p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2007/11/url-bar.png" alt="" width="192" height="50" align="right" />Then, select the link by left clicking on the icon to the left of the web address so that it highlights like so.</p>
<p>Right click the highlighted url and select COPY.  This copies the url to your cache.</p>
<p>Next, navigate back to your new post draft highlight the text or image that you want to make into a link. Then click <img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/01/insert-edit-link.png" alt="insert-edit-link.png" width="246" height="173" align="right" />the links button on the WordPress toolbar. <img src="http://effectiveclassywebsites.com/wp-content/uploads/2007/11/link-button.png" alt="" width="27" height="28" /> This will open a small box that looks like so. Right-click on the highlighted url section you can see and select PASTE. Then you can choose to have the link open in a new window and also the title for the link. <em>Press Insert</em> and your link is created!</p>
<p><strong>Unlink</strong> : Removes a link from text or images. You must highlight the text first and you must be accurate over where the link is.</p>
<p><strong>Insert/Edit Image :</strong> Allows you to insert an image into your post. Usually you will need to upload the image or file first (see the next step below) but it is also possible to reference an image from another site without having to upload anything. Note: It is considered bad from to do this unless it is one of your own sites.</p>
<p><em>Instructions here apply to Firefox only</em> &#8211; Right click on the image in the browser and choose <strong>Copy Image Location</strong> from the drop-down list. Then click the Insert/Edit Image button and Paste in the URL. More details about image upload and placement in the next step.</p>
<p><strong>Split Post with More Tag :</strong> What this does is tell WordPress where to end the article on the blog page where you view all the current articles. Then if they click on the <em>More</em> link (or the Title of the post) they can view the full page. The best way to approach this is to tell enough to make it clear what it&#8217;s about without going too in depth.</p>
<p>Part of what makes a blog work is that people can skim over the posts to see what intrigues them. <a title="Info Blog" href="http://effectiveclassywebsites.com/blog/" target="_blank">See the info blog</a> on this site to see an example of this. <em>If the article is very small you can just leave this button.</em></p>
<p><strong>Toggle Spellchecker :</strong> Did I mention that spelling is important? Well it is and WordPress has a very useful tool to help speed this up. Click this button and all words that it considers suspect will be underlined with red squiggly lines. Click it again to turn it off. The small arrow next to this button changes the language of the spell checker. <em>Keep in mind that the checker assumes you are American. Typical!</em></p>
<p><strong>Show/Hide Advanced Tool Tip :</strong> As mentioned before this opens a row of choices which from left to right are ~</p>
<p><strong>Paragraph :</strong> This drop-down list represents the different formatting and size options for the block of text that you have selected. These options will display differently depending on the theme you have selected. The styling or CSS for the theme determines how Heading 1,2 or 2 and so forth will look.</p>
<p><strong>Underline :</strong> This adds an underline to the text. Duh!</p>
<p><strong>Align Full :</strong> Justifies the text to the edge of the post. The standard is to allow the text to fall where it will but some people prefer the look of this.</p>
<p><strong>Select Text Color :</strong> This allows you to make text <span style="color: #800080;">whatever color you want</span>. Click on the small arrow to see color choices or on the <span style="color: #800000;"><strong>A</strong></span> to make the text the last color you chose.</p>
<p><strong>Paste as Plain Text :</strong> Allows you to import text and remove the formatting.</p>
<p><strong>Paste from Word :</strong> Imports text from Microsoft Word and maintains the formatting. Imports text from Microsoft Word and maintains the formatting.</p>
<p><strong>Remove Formatting :</strong> Highlight text and press this button to remove all formatting.</p>
<p><strong>Cleanup Messy Code :</strong> A good way to remove code that you cannot see that will clutter up the loading of the page. <em>Comes with a warning!</em> This can sometimes change things in the post that you may find annoying.</p>
<p><strong>Insert Custom Characters :</strong> Allows you to insert a range of useful little symbols and characters that sometimes are vital to your message. Such as &#8211; Â¬Â© Copyright 2008 &#8211; My wisdom is â€šÃ Ã» &#8211; I could use a Å“Ã„ &#8211; and &#8211; I am running at Â¬Âº capacity.</p>
<p><strong>Undo :</strong> Allows you to take back the last move you made. This doesn&#8217;t always work. <img src='http://effectiveclassywebsites.com/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' /> </p>
<p><strong>Redo :</strong> The opposite of above. <img src='http://effectiveclassywebsites.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p><em><strong>6. Insert and Add Images or files to your post.</strong></em></p>
<p><strong>NOTE :</strong> You can upload almost any type of file to make it downloadable on your site but here we cover images because they are most common. Keep in  mind there is a size limit, generally around 8MB.</p>
<p>Ok we made it, this is what you wanted to know isn&#8217;t it? Come on, you do have some content don&#8217;t you?</p>
<p><em>Scroll down the page to the  Upload section.</em> It looks like this.</p>
<p align="center"><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/upload-box.png" alt="" width="559" height="187" /></p>
<p align="left">1. Click on the <strong>Browse&#8230; </strong>button on the Upload tab shown above. This will bring up a dialog box called <strong>File Upload</strong> where you can navigate your computers files and select the image you want to upload. Click <strong>Open</strong> and it will return you to the Upload box.</p>
<blockquote>
<p align="left"><em>Here I must touch on the aspect of image quality and optimization.</em> Remember you are displaying these images on the web and as such they do not have to be more than 72 dpi which is screen resolution. In addition if they are larger than they need to be they will take longer to load on the pages. If you have Photoshop or some other image editing program you will need to prepare them before uploading them.</p>
</blockquote>
<p align="left">2. Add a title to the image. This isn&#8217;t necessary but can help with search sometimes if you want the images to show up in Google image search.</p>
<p align="left">3. The description really isn&#8217;t necessary unless you are a little narcissistic.. anyway moving on.</p>
<p align="left"><em>The features below may not be available depending on the version of WordPress you are using and whether there is a specific plugin installed. </em></p>
<p align="left">4. The tick box next to <strong>Resize Image</strong> is useful if you have your image optimized (or not!) but it is bigger than what can be displayed on the page. If you have this ticked WordPress will resize it to the figure in the field that you can change to what is suitable. 640px is a standard large size on the web.</p>
<p align="left"><strong>Note:</strong> leaving these buttons unticked will import the image unchanged.</p>
<p align="left">The <strong>Create a Thumbnail</strong> button is similar but is a way that you can let WordPress create a smaller version of your image. This allows you to have a small image that loads quickly that when clicked on loads the larger version.</p>
<p align="left">5. Press the <strong>Upload</strong> button.</p>
<p align="left">6. Wait a moment or two depending on the size of the file.  Once the file has uploaded the window will change and will look like this :</p>
<p style="text-align: center"><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/picture-upload.jpg" alt="Upload Picture" width="631" height="172" /></p>
<p>So you will see the picture and now we have some other choices  (depending on the installation of WP), which from left to right are:</p>
<p><strong>Show:</strong> This determines what WordPress displays, the thumbnail (if you created one), the full size image, or only the title.</p>
<p><strong>Align:</strong> Determines which side if at all, that the image sits on the page. With both left and right alignment, text will flow around the image. Without alignment i.e. choosing <strong>No</strong>, the image will behave like text and you can change its formatting with the text alignment buttons. <em>Remember, you can create links to images as well!</em></p>
<p><strong>Link To:</strong> This controls whether the image is a link and what it points to. The 3 choices here are the full file, the page it is on, or none at all. A common use here is to set the <strong>Show:</strong> Thumbnail and the <strong>Link to:</strong> File so that the small image on the page opens the larger one when you click on it.</p>
<p>Now position your cursor where you want the image to go and press the <strong>Send to editor (or insert into Post)  &gt;</strong> button.</p>
<p>These next 2 points require a specific plugin called <a title="Vipers Video quicktags." href="http://wordpress.org/extend/plugins/vipers-video-quicktags/">Vipers Video quicktags.</a></p>
<p>For an easy guide to installing plugins in WordPress <a title="click here." href="http://effectiveclassywebsites.com/wordpress-tutorials/how-to-upload-wordpress-plugin/">click here.</a></p>
<p><em><strong>6. Adding YouTube movies and Quicktime files to your post.</strong></em></p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/youtube-director-icon.jpg" alt="" width="160" height="182" align="left" /><strong>Adding a YouTube movie.</strong></p>
<p>1. Navigate to the movie within YouTube.com in a separate Tab or Window.</p>
<p>2. Highlight the URL address at the top of the browser by double clicking it (sometimes it needs 3 clicks?). Right-click on the highlighted address and select <strong>Copy</strong>.</p>
<p>3. Position the cursor where you want to insert the movie.</p>
<p>4. Click the YouTube button in the toolbar, then right-click on the open field in the box that opens up. Press OK and it will create a piece of code that will insert the movie when you view the final post.</p>
<p>Inserting a YouTube movie without a plugin is pretty simple too.</p>
<p><img class="alignnone size-full wp-image-305" title="youtube-embed" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/youtube-embed.png" alt="youtube-embed" width="285" height="30" /></p>
<ol>
<li>Go to the page where the YouTube movie you like is hosted and click on the word embed there on the left. This will highlight the code you need.</li>
<li>Copy this code using Control + C (on PC) or Command + C (on Mac).</li>
<li>Go back to your WordPress sitew (or Dreamweaver for that matter) and paste this code where you want the movie to appear.</li>
<li>In WordPress on important thing is that you have to switch to HTML mode first. This might be a little scary for some people but just put the cursor where you want it to go and Past using Control + V (On PC) or Command + V (On Mac).</li>
<li>Switch back to Visual Mode and you&#8217;re done!</li>
</ol>
<p><img class="alignnone size-full wp-image-306" title="visual-html-mode" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/visual-html-mode.png" alt="visual-html-mode" width="125" height="57" /></p>
<p><strong>Inserting a Quicktime movie. </strong>(this is only possible with above mentioned plugin)<a title="Vipers Video Quicktags." href="http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/">Vipers Video Quicktags.</a><strong><br />
</strong></p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/quicktime-logo.jpg" alt="" width="103" height="98" align="left" /></p>
<p>This is a little trickier because you first need to create a path to a quicktime movie file. Your options are:</p>
<p>1. Depending on the upload size limit you could use the Upload Form in WordPress. Browse to the file on your computer and press Upload. Then right click on the link and select <strong>Copy Link Address</strong> from the drop-down menu.</p>
<p>2. Use an FTP application to access the web server your site is hosted on and upload the file without any file restrictions. You may want to put it into the Uploads folder on your site so that it shows up in your wordpress administration. This address will look like so &#8211; http://yourwebsite.com/wp-content/uploads/</p>
<p>3. Copy the full URL address file path to the Quicktime file from either of the 2 methods shown.</p>
<p>4. Position the cursor where you want the Movie to go.</p>
<p>5. Click the <em>Quicktime</em> button on the toolbar, and Paste in the address copied from above.</p>
<p>Now when your post is published all this media goodness will show up and play with a click.</p>
<p align="center"><em>Speaking of which&#8230;.</em></p>
<p align="center">Check your complete post for spelling errors and editing and then press <strong>Publish</strong>!</p>
<p align="center">You may also want to press <strong>Save</strong> and return to the post at a later time.</p>
<p><img src="http://effectiveclassywebsites.com/wp-content/uploads/2008/02/goi678er.jpeg" alt="" width="126" height="101" align="right" />When your article does get WordPressed it will go to the top of the blog as the latest article. <em>You are on your way!</em></p>
<p><em>Keep writing and exercising that awesome tool you have called a Brain.</em> Until next time&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/how-to-write-an-article-on-your-wordpress-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

