<?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; HTML</title>
	<atom:link href="http://effectiveclassywebsites.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://effectiveclassywebsites.com</link>
	<description>Emphasizing marketing, simplicity and usability to increase the effectiveness of 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 add a Favicon to your WordPress website</title>
		<link>http://effectiveclassywebsites.com/how-to-add-a-favicon-to-your-wordpress-website/</link>
		<comments>http://effectiveclassywebsites.com/how-to-add-a-favicon-to-your-wordpress-website/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 10:24:39 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tools & Resources]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/?p=860</guid>
		<description><![CDATA[What is a Favicon? It&#8217;s a small 16&#215;16 pixel icon that shows up in your browser to the left of the web address. It also helps distinguish your site in your browsers bookmarks and is also used in some social bookmarking sites as well. Here&#8217;s how you can easily create the file and make it [...]]]></description>
			<content:encoded><![CDATA[<p><em>What is a Favicon?</em> It&#8217;s a small 16&#215;16 pixel icon that shows up in your browser to the left of the web address.</p>
<p><img class="alignnone size-full wp-image-861" title="leigh-favicon-graphic" src="http://effectiveclassywebsites.com/wp-content/uploads/2009/11/leigh-favicon-graphic.jpg" alt="leigh-favicon-graphic" width="304" height="52" /></p>
<p>It also helps distinguish your site in your browsers bookmarks and is also used in some social bookmarking sites as well. Here&#8217;s how you can easily create the file and make it show up on your website.</p>
<p><span id="more-860"></span></p>
<p>1. Find an image on your computer that will work <strong>very small</strong>. It should be square and can be a gif, jpg, png, or bmp file. It can have transparency as well. It does not need to be a large file as it will be reduced to 16&#215;16 pixels in size.</p>
<p>2. Visit <a href="http://tools.dynamicdrive.com/favicon/" target="_blank">http://tools.dynamicdrive.com/favicon</a> (new window) and press the <strong>Browse</strong> button.</p>
<p>You could also try this free tool that makes a favicon from your Twitter profile image. <a href="http://www.html-kit.com/favicon/" target="_blank">http://www.html-kit.com/favicon</a> (new window)</p>
<p>3. Navigate to the image on your computer and press <strong>Open</strong>.</p>
<p>4. Click the <strong>Create Icon</strong> button on the dynamic drive website.</p>
<p style="text-align: left;">5. In a moment you will see a preview of your icon. If you are happy with the way it looks, press the <strong>Download Favicon</strong> button.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-864" title="download-favicon" src="http://effectiveclassywebsites.com/wp-content/uploads/2009/11/download-favicon.jpg" alt="download-favicon" width="138" height="42" /></p>
<p style="text-align: center;">This will download a file called favicon.ico on to your computer.</p>
<p>6. Login to your WordPress website.</p>
<p>7. Click on the <strong>Media</strong> tab and select <strong>Add New</strong>.</p>
<p>8. Press the <strong>Select Files</strong> button, navigate to the favicon.ico file on your computer and press <strong>Select</strong>. WordPress will automatically upload the file.</p>
<p>9. When it is finished you will see a small image of the file and down the bottom we are looking for the <strong>File URL</strong> section. Copy this URL.</p>
<p>10. Click on your <strong>Appearance</strong> tab and select <strong>Editor</strong>. Find the theme files section on the left and click on the one that says, <strong>Header</strong> (header.php).</p>
<p>11. Paste this code below the &lt;link rel=&#8221;pingback&#8221; href=&#8221;/xmlrpc.php&#8221; /&gt; line and replace the href URL with the full file path to the icon file we uploaded previously.</p>
<p>&lt;link rel=&#8221;shortcut icon&#8221; type=&#8221;image/x-icon&#8221; href=&#8221;<span style="color: #800080;">http://yourwebsite.com/uploadspath/favicon.ico</span>&#8220;&gt;</p>
<p>12. Click the <strong>Update File</strong> button.</p>
<p>You will need to refresh your website page to see the favicon in action. Even then it may not work straight away. The easiest way I have found to test that all is working is to use a different browser to load your page fresh.</p>
<p style="text-align: center;">If all is done right you should be sporting a spanking new tiny favicon. <em>Yay!</em></p>
<div id="attachment_862" class="wp-caption alignnone" style="width: 126px"><img class="size-full wp-image-862" title="favicons-in-bookmarks-dropdown" src="http://effectiveclassywebsites.com/wp-content/uploads/2009/11/favicons-in-bookmarks-dropdown.jpg" alt="favicons-in-bookmarks-dropdown" width="116" height="172" /><p class="wp-caption-text">Bookmark Favicons</p></div>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/how-to-add-a-favicon-to-your-wordpress-website/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>The Free and Simple Mailing List solution for your Blog</title>
		<link>http://effectiveclassywebsites.com/the-free-and-simple-mailing-list-solution-for-your-blog/</link>
		<comments>http://effectiveclassywebsites.com/the-free-and-simple-mailing-list-solution-for-your-blog/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 15:06:19 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Web Tutorials]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Newsletters]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/?p=705</guid>
		<description><![CDATA[Having an email sign-up form on your site is essential, but some of the solutions are either too complicated or cost money. Fortunately Google comes to the rescue here with a website they acquired last year. Feedburner. The Pros Its Free! All you need is a Google account. Emails get sent out automatically the next [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-thumbnail wp-image-706" title="Feedburner" src="http://effectiveclassywebsites.com/wp-content/uploads/2009/10/feedburner-150x48.png" alt="Feedburner" width="150" height="48" />Having an email sign-up form on your site is essential, but some of the solutions are either too complicated or cost money.</p>
<p>Fortunately Google comes to the rescue here with a website they acquired last year. <a title="Feedburner" href="http://feedburner.google.com/">Feedburner</a>.<span id="more-705"></span></p>
<p><strong>The Pros<br />
</strong></p>
<ul>
<li>Its Free! All you need is <a title="a Google account" href="https://www.google.com/accounts/NewAccount">a Google account</a>.</li>
<li>Emails get sent out automatically the next morning after posting on your blog.</li>
<li>You can brand your emails with a logo and a reply email address.</li>
<li>Feedburner creates a consistent RSS feed url that stays the same even if your website address changes.</li>
</ul>
<p><strong>The Cons<br />
</strong></p>
<ul>
<li>You can&#8217;t import subscribers into this system. Google is cautious that spammers will use this service. You could ask your current list to sign up again but you may lose some people.</li>
<li>Emails are simple and you can&#8217;t have elaborate themes.</li>
</ul>
<p style="text-align: center;"><em>What on earth is RSS you ask?</em> <a title="Read more here." href="http://www.backinskinnyjeans.com/2006/09/how_to_explain_.html">Read more here.</a></p>
<p><strong>To get your newsletter sign-up form:</strong></p>
<ol>
<li>Create or Sign-in to your <a href="http://www.google.com">Google account</a>.</li>
<li>Go to Google Feedburner: <a href="http://feedburner.google.com" target="_blank">http://feedburner.google.com</a></li>
<li>Enter the full url of your website into the <strong>Burn a feed right this instant</strong> field: e.g. http://mygreatwebsite.com and click <strong>Next</strong>.</li>
<li>Feedburner will search for RSS feeds at your address (there can be more than one). Choose the top option which should look something like, <strong>Your Website RSS Feed: http://mygreatwebsite.com/feed/</strong> Click the <strong>Next</strong> button.</li>
<li>Next you will be asked to choose a name for your feed, both the title and the final URL of the new RSS feed. Adjust (or not) and click the <strong>Next</strong> button.</li>
<li>On the next page you receive your feed URL from feedburner. Copy this down to put into your emails and websites as your RSS feed address.<strong> </strong>Click the <span style="color: #0000ff;">Skip directly to feed management</span> link.</li>
<li>Click on the <strong>Optimize</strong> tab at the top then the <strong>Smartfeed</strong> link on the left sidebar.<strong> </strong>Press the <strong>Activate</strong> button to make your feed readable by anything. This just increases readability.</li>
<li>Click on the <strong>Publicize</strong> tab and then the <strong>Email Subscriptions</strong> link in the sidebar.</li>
<li>Click the <strong>Activate</strong> button.</li>
<li>Feedburner will now display some code.<strong> </strong>The first, long section is for the sign-up form that will go on your website. The second is a direct link to your form that can be used in emails or as links.</li>
<li>This code (the longer string) needs to be copy and pasted into your sidebar in WordPress so that people can sign up to your sites updates easily.</li>
</ol>
<p><strong>NOTE:</strong> There are a few other links in the Feedburner sidebar that allow you to customize the look and feel as well as delivery time etc.  <strong>Communication Preferences</strong>, <strong>Email Branding</strong> and <strong>Delivery Options</strong>.</p>
<p>Here I outline instructions for WordPress but it will work fine anywhere that full HTML can be used. e.g. Blogspot, other free Blogging platforms or web design programs such as Dreamweaver.</p>
<p><img class="size-thumbnail wp-image-722 alignnone" title="Wordpress logo" src="http://effectiveclassywebsites.com/wp-content/uploads/2009/10/wplogo-stacked-rgb-150x93.png" alt="Wordpress logo" width="150" height="93" /></p>
<p><strong>Including the sign-up form in your WP sidebar. </strong></p>
<ol>
<li>In WordPress go to <strong>Appearance &gt;&gt; Widgets</strong>.</li>
<li>Drag a new Text Widget where you want the form to appear. It&#8217;s position can be changed by dragging and dropping also.</li>
<li>Call the text Widget something like &#8220;Free Newsletter&#8221; and paste into the main text field the code we just grabbed from Feedburner.</li>
<li>Press Save and open your website address in your browser to see your new sign-up form on the site.</li>
<li>Invite your friends and contacts to visit your site and sign-up!</li>
</ol>
<p><strong>NOTE:</strong> You can change the message above the email sign up form by editing the text within the HTML. Look for the section that says, &#8220;<strong>Enter your email address:</strong>&#8221; and change that section only.</p>
<p>Now anyone that subscribes to your emails will receive a full html rich email the morning after you submit a new post to your blog.</p>
<p><em>Right, now invite all your friends to sign-up!</em></p>
<p><span style="color: #ff0000;">HOT TIP</span>: You can make the email subject the same as the article title by customizing your emails in your Feedburner control panel:</p>
<ol>
<li><a href="http://feedburner.google.com/fb/a/home" target="_blank">Login to Google Feedburner</a>.</li>
<li>Click on the <strong>Publicize</strong> tab at the top.</li>
<li>Click the <strong>Email Subscriptions</strong> link, then <strong>Email Branding</strong> in the sidebar.</li>
<li>In the <strong>Email Subject/Title</strong> field, enter this code: ${latestItemTitle}</li>
<li>Make any other customizations and press the <strong>Save</strong> button.</li>
<li>Publish more cool stuff!</li>
</ol>
<p><em>You should also subscribe to your own blog feed so that you can check what everyone is getting. </em><br />
[nggallery id=7] </p>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/the-free-and-simple-mailing-list-solution-for-your-blog/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Google Language Translation for your website</title>
		<link>http://effectiveclassywebsites.com/google-language-translation-for-your-website/</link>
		<comments>http://effectiveclassywebsites.com/google-language-translation-for-your-website/#comments</comments>
		<pubDate>Thu, 08 Jan 2009 12:38:16 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Web Tutorials]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tools & Resources]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/?p=287</guid>
		<description><![CDATA[Gadgets are a great new feature in Google that gives you access to a wide range of useful applications that can be embedded on your website or on your iGoogle home page. You do have a gmail account don&#8217;t you? If not fix this now by clicking here: http://mail.google.com/mail/signup To create your language translation gadget [...]]]></description>
			<content:encoded><![CDATA[<p>Gadgets are a great new feature in Google that gives you access to a wide range of useful applications that can be embedded on your website or on your iGoogle home page.<img class="alignright size-full wp-image-288" title="google-translation" src="http://effectiveclassywebsites.com/wp-content/uploads/2009/01/google-translation.png" alt="google-translation" width="171" height="85" /></p>
<p><em>You do have a gmail account don&#8217;t you?</em> If not fix this now by clicking here: <a href="http://mail.google.com/mail/signup">http://mail.google.com/mail/signup</a></p>
<p>To create your language translation gadget visit this link:</p>
<p><a href="http://translate.google.com/translate_tools?hl=en" target="_blank">http://translate.google.com/translate_tools?hl=en</a></p>
<p>On this page you can also add one-click translations from with your browser.</p>
<p>Pick the language of your blog or website then copy and paste the resulting code into a text widget in WordPress or in dreamweaver simply paste in the code where you want the Gadget to appear.</p>
<p><em>Thats it!</em> Refresh your page to see the new Google language translation tool.</p>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/google-language-translation-for-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding a web address to your links page in WordPress 2.6 &#8211; Screencast Tutorial</title>
		<link>http://effectiveclassywebsites.com/adding-a-web-address-to-your-links-page-in-wordpress-26-screencast-tutorial/</link>
		<comments>http://effectiveclassywebsites.com/adding-a-web-address-to-your-links-page-in-wordpress-26-screencast-tutorial/#comments</comments>
		<pubDate>Wed, 20 Aug 2008 08:19:20 +0000</pubDate>
		<dc:creator>herrin</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[Training]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://effectiveclassywebsites.com/?p=189</guid>
		<description><![CDATA[Adding a link to another website or URL is easy in WordPress 2.6. The steps are as follows: Log-in to your WordPress site Click on the WRITE &#62; LINK tab. Navigate to the URL you want to link to in a new tab in Firefox. Copy the URL (Command+V on a Mac and ALT+V on [...]]]></description>
			<content:encoded><![CDATA[<p><img class="attachment wp-att-190" src="http://effectiveclassywebsites.com/wp-content/uploads/2008/08/world-link.jpg" alt="world-link" align="right" /><strong>Adding a link to another website or URL is easy in WordPress 2.6.</strong></p>
<div id="tmip-10-465385"><embed src="http://blip.tv/play/AebSXZHRBA" 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=465385&#038;vid=1673093&#038;key=AebSXZHRBA"></script></p>
<p><em>The steps are as follows:</em><span id="more-189"></span></p>
<ol>
<li>Log-in to your WordPress site</li>
<li>Click on the WRITE &gt; LINK tab.</li>
<li>Navigate to the URL you want to link to in a new tab in Firefox.</li>
<li>Copy the URL (Command+V on a Mac and ALT+V on Windows)</li>
<li>Paste the URL into the <strong>Web Address</strong> field.</li>
<li>Enter a Title and a Description in the <strong>Name</strong> and <strong>Description</strong> fields.</li>
<li>Choose or create a category for the link in the <strong>Categories</strong> section.</li>
<li>Click <strong>Save</strong>!</li>
</ol>
<p>Now this will show up on your links page or on your sidebar of you have a links widget there.</p>
<p><em>Sign up to our free newsletter and you can download all our free movie trainings as Quicktime files with the convenience of chapters!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://effectiveclassywebsites.com/adding-a-web-address-to-your-links-page-in-wordpress-26-screencast-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

