<?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>Webmaster Wiki</title>
	<atom:link href="http://www.webmasterwiki.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webmasterwiki.org</link>
	<description>webmaster tutorials &#38; resources</description>
	<lastBuildDate>Mon, 20 Feb 2012 14:23:05 +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>SEO in 5 steps</title>
		<link>http://www.webmasterwiki.org/search-engine-optimization/2012/seo-in-5-steps/</link>
		<comments>http://www.webmasterwiki.org/search-engine-optimization/2012/seo-in-5-steps/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 12:00:13 +0000</pubDate>
		<dc:creator>Catalin</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.webmasterwiki.org/?p=87</guid>
		<description><![CDATA[SEO (Search Engine Optimization) is a process in web development that will help in the website gaining better positioning in search engine organic results (non-paid results). As search engine organic results are a source of free and highly targeted traffic, following a few simple steps when developing your website and web-pages may represent the difference [...]]]></description>
			<content:encoded><![CDATA[<p>SEO (Search Engine Optimization) is a process in web development that will help in the website gaining better positioning in search engine organic results (non-paid results). As search engine organic results are a source of free and highly targeted traffic, following a few simple steps when developing your website and web-pages may represent the difference between success and failure.<br />
<span id="more-87"></span><br />
There are many SEO strategies out there, and some gurus tend to over-complicate simple things. What we should keep in mind is that search engines are basically some computers that use established algorithms in offering relevant results. So what factors influence a page in being considered relevant for a certain search? Below I will list the top 5 SEO tips that have the most weight in my opinion in getting good SERP (Search Engine Results Page).</p>
<p><strong>1. Web Domains</strong>. Get a web domain that includes the relevant keywords for traffic you want to get. For example, if you want to start selling online extra large clothes, your domain should be like www.extralargeclothes.com . Feel free to play around with the keywords, if the domain you want is already registered, try adding some variables to the name, like “store”, “online”, “sale” etc or numbers. Avoid having a domain name with “-” sign in it, should you fail to find an appropriate domain name with a variable than try adding “-”. The domain level is also important: for international purposes use a .com domain (I have run tests of same and similar keyword domains with .com, .net, .info, .org, .biz and the .com domain gets by far the best search engine results). For localized results, try using a local top level domain (.co.uk for British results, .de for German results, .fr for French results and so on).</p>
<p><strong>2. Page name</strong>. Just as with the domain name, using relevant keywords in the page name is of high importance in getting good results. For example, a page about shorts on the above domain could look like shorts.html or extra-large-shorts.html. In the case of page names, when using more than one keyword feel free to use the “-” to separate words.</p>
<p><strong>3. Content</strong>. You will hear everywhere that content is king. True and not so true. If you don’t have content on your page you’ll find it hard to rank. If you have content, but irrelevant to the traffic you want to target or simply written in poor manner that makes it hard for users to find what they were looking for, this again won’t help much in SEO. As content is something that helps in identifying the relevance for a page to get high search engine rankings for certain keywords, you need to make sure the text is well written, with paragraphs / structure that makes it easy for user to read it or find a specific thing. For this you should try to structure your content with in-content titles, to bold or underline expressions in the text that would make it easy to follow the factors of interest. Bottom line, I found that fewer content and well targeted and readable makes a huge difference in getting good SEO results.</p>
<p><strong>4. Meta content</strong>. You will hear many people from the SEO world that meta-content became irrelevant. Let me make it clear what meta-content is: meta-content is the content that shows up in search results in the most cases (Meta Title and Meta Description). Simply go to Google and search for anything you want. In the results you get, you will see that each result has a bolded &amp; blue line (Meta Title of that page result) and a short description underneath it (Meta Description of that page result). So what drives you to click on a search result? The relevance no doubt, having the correct title and description that fits your search. The meta-description should be short (150 characters), and should sound like a call-to-action to users reading it (Click here to check best prices for Extra Large Clothes; Check for latest outfits on XXL clothes; etc). So having this in place helps in driving traffic from a search result to your page. If you fail to drive traffic from search results even if your page offers the content users are interested in, search engines will soon push other results in front of you that better capture users to click.</p>
<p><strong>5. Links</strong>. Once you went through all the above steps, you need to get links to your website. Search engines rank better websites that have in-bound links from other web sources. The way search algorithms are developed are that the more links you have, the better as it figures out people talk about your website because you offer relevant content. The strategy for link building should be simple and you should avoid buying and link building packages that deliver 1000s of links to your website within days. If this is done, search engines will tend to mark all those links as spam, and you will surely not benefit for it. The link building should look natural, and you can take care of that on your own with a few minutes a day (post your links in comments on blogs, post your links in forums or other sort of online communities, post your links to web link directories, exchange some links with other relevant websites). When making link building make sure that you also use proper keywords to your links (where possible). For example, when building links to www.extralargeclothes.com, use the text Extra Large Clothes (usually page title and variations of the title). The text to your link will tell search engines what is the page linked to about, something that will have some weight in ranking.</p>
<p>What you should also understand is that SEO is a process that takes time. People that say they can get high positioning in search engines in a matter of hours or days are not to be trusted. In order to get good positions in search results, search engines require time to crawl your website and index its content, to find other relevant websites and compare it to yours, to push some results for your work and compare user reaction. All these processes may easily take one month, so do not expect immediate results in SERP. Simply follow the above steps and in time you will see some interesting results.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webmasterwiki.org/search-engine-optimization/2012/seo-in-5-steps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Editor Tools</title>
		<link>http://www.webmasterwiki.org/webmaster-tools/2011/website-editor-tools/</link>
		<comments>http://www.webmasterwiki.org/webmaster-tools/2011/website-editor-tools/#comments</comments>
		<pubDate>Tue, 26 Apr 2011 08:17:03 +0000</pubDate>
		<dc:creator>Catalin</dc:creator>
				<category><![CDATA[Webmaster Tools]]></category>

		<guid isPermaLink="false">http://www.webmasterwiki.org/?p=83</guid>
		<description><![CDATA[There are several ways of getting a website done. One of the options would be the use of CMS solutions (Content Management System) that will allow users to edit their website directly online. But how would you work on websites developed in HTML? To edit HTML websites or to simply create an HTML website from [...]]]></description>
			<content:encoded><![CDATA[<p>There are several ways of getting a website done. One of the options would be the use of <a href="http://www.webmasterwiki.org/category/website-development/cms/" target="_self">CMS solutions (Content Management System)</a> that will allow users to edit their website directly online. But how would you work on websites developed in HTML? To edit HTML websites or to simply create an HTML website from a simple template you need to use an HTML editor.</p>
<p><span id="more-83"></span>Among the recommended tools I suggest using:</p>
<ul>
<li><a href="http://download.cnet.com/Microsoft-FrontPage-2003-SP2/3000-10248_4-15268.html" target="_blank">Microsoft FrontPage</a> - an Office tool, available in Microsoft Office 2003 or 2007 editions</li>
<li><a href="http://www.softpedia.com/get/Internet/WEB-Design/HTML-Editors/Webawy.shtml" target="_blank">Webawy</a> - a similar tool to FrontPage, free to download and use</li>
<li><a href="http://kompozer.net/download.php" target="_blank">KompoZer</a> - a simple to use website template editor tool, supporting many of the new features available now (works well for Artisteer created templates); free to download and use</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.webmasterwiki.org/webmaster-tools/2011/website-editor-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating your website using WordPress</title>
		<link>http://www.webmasterwiki.org/website-development/cms/wordpress/2011/creating-your-website-using-wordpress/</link>
		<comments>http://www.webmasterwiki.org/website-development/cms/wordpress/2011/creating-your-website-using-wordpress/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 11:18:45 +0000</pubDate>
		<dc:creator>Catalin</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.webmasterwiki.org/?p=78</guid>
		<description><![CDATA[WordPress is the strongest blogging platform out there, free to use and supported by a major community in developing new features, plug-ins and templates. If your idea of a website is something you want to update constantly and you need to give it a more personal note, then blog platforms are for you. Using any [...]]]></description>
			<content:encoded><![CDATA[<p>WordPress is the strongest blogging platform out there, free to use and supported by a major community in developing new features, plug-ins and templates. If your idea of a website is something you want to update constantly and you need to give it a more personal note, then blog platforms are for you.<br />
<span id="more-78"></span><br />
Using any of the blogging platforms requires NO technical knowledge from you. Let’s go first through best blogging options for you:<br />
-    <a href="http://wordpress.org/" target="_blank">WordPress</a> – the most powerful blogging platform, free, easy to use and highly customizable<br />
-    <a href="http://www.blogger.com/" target="_blank">Blogger</a> – one of the top free blogging platforms, supported by Google, with no web hosting required from you</p>
<p><strong>WordPress</strong>: it comes as an archived file that you can upload on your hosting account where it needs installed. Well this may sound difficult, but it’s not. In fact, most web hosting providers (free and paid) offer now a script installer environment – simply click on a button within your hosting account and your WordPress blog is installed and ready to use. You can test it out for beginning on a <a href="http://www.anawebs.com/" target="_blank">free hosting account for WordPress</a> (offered courtesy of ANAwebs.com). Simply create a free account, login and visit the Easy Script Installer section. Here search for WordPress and click install. You may freely play with it, learn to post articles, create categories and so on. If you enjoy it and need more blogging power, you can upgrade any time to a paid hosting account (few $ per month, one of the cheapest on the web).</p>
<p>Below we have a screenshot of WordPress dashboard (the back-end where you can customize your blog, write / edit articles). The left menu has all the sections you need to make changes to your blog: write articles and edit them, approve comments, create categories, set blog settings, change templates, offer access to other users to create articles and many more.</p>
<p><a href="http://www.webmasterwiki.org/wp-content/uploads/2011/02/wordpress_dashboard.jpg" rel="prettyPhoto[78]"><img class="aligncenter size-full wp-image-79" title="wordpress_dashboard" src="http://www.webmasterwiki.org/wp-content/uploads/2011/02/wordpress_dashboard.jpg" alt="" width="600" height="248" /></a><br />
There would be a number of handy changes we recommend for your newly WordPress blog, but I will cover this in another post.</p>
<p><strong>Blogger</strong>: it is a platform powered by Google. It requires no web hosting as it comes as part of the package. Simply create you account on <a href="http://www.blogger.com/" target="_blank">Blogger.com</a> and set up your blog. The blog will be visible at a web address under this form: yourblogname.blogspot.com. All customization is available from Blogger dashboard: write / edit articles, create categories, change templates and much more.</p>
<p>Best way to learn to use these blogging platforms are to test them by yourself. No worries if you anything wrong: it's just like editing a document.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webmasterwiki.org/website-development/cms/wordpress/2011/creating-your-website-using-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating your website with a WYSIWYG editor</title>
		<link>http://www.webmasterwiki.org/website-development/wysiwyg/2010/creating-your-website-with-wysiwyg-editor/</link>
		<comments>http://www.webmasterwiki.org/website-development/wysiwyg/2010/creating-your-website-with-wysiwyg-editor/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 17:27:59 +0000</pubDate>
		<dc:creator>Catalin</dc:creator>
				<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.webmasterwiki.org/?p=65</guid>
		<description><![CDATA[Once you have in mind what exactly you want to do, it’s time to see how we can put the website idea in practice. In this article we will discuss about a WYSIWYG (What You See Is What You get) editor, for easy creation of static websites. The output of websites developed with the WYSIWYG [...]]]></description>
			<content:encoded><![CDATA[<p>Once you have in mind what exactly you want to do, it’s time to see how we can put the website idea in practice. In this article we will discuss about a WYSIWYG (What You See Is What You get) editor, for easy creation of static websites.</p>
</p>
<p></br></br></p>
<p>The output of websites developed with the WYSIWYG editors are HTML files. Coding knowledge is not required. As WYSIWYG stands for “What You See Is What You Get”, these editors are simple to use. Basically you will be working in a user friendly environment similar to Word (MS) (very similar to Word actually, and we are sure you know how to use Word). It’s as simple as writing the text on a page and adding some graphic elements for beauty or in support of your content.</p>
</p>
<p><span id="more-65"></span><br />
Personally I use the <a href="http://download.cnet.com/Microsoft-FrontPage-2003-SP2/3000-10248_4-15268.html" target="_blank">FrontPage</a> (built under Microsoft Office 2003 suite). You can still grab it online, but you can also use <a href="http://www.softpedia.com/get/Internet/WEB-Design/HTML-Editors/Webawy.shtml" target="_blank">Webawy</a> that is similar with the old FrontPage, but free to use.</p>
</p>
<p>Once you have downloaded any of the above applications and installed on your computer you will see you have built-in templates to use, but they are simplistic and sometimes that might not be exactly what you expected. What I do is do a search on <a href="http://www.google.com" target="_blank">Google</a> for "free web templates", "free HTML templates" or "free HTM CSS templates". Some great websites to visit and check for free templates are below:</p>
</p>
<ul>
<li><a href="http://www.freewebtemplates.com/" target="_blank">Free Web Templates</a></li>
<li><a href="http://www.freewebsitetemplates.com/" target="_blank">Free Website templates</a></li>
<li><a href="http://www.oswd.org/" target="_blank">Open Source Web Design</a></li>
<li><a href="http://www.freetemplatesonline.com/" target="_blank">Free Templates Online</a></li>
<li><a href="http://www.metamorphozis.com/" target="_blank">Metamorphozis</a> (quite a lot of my sites are built on themes from these guys)</li>
<li><a href="http://www.mastertemplates.com/free-templates.htm" target="_blank">Master Free Templates</a></li>
</ul>
</p>
<p>Virtually you can find anything on the web: if you want to make a site about dogs you will find a template with this theme, or anything else you want. Download any of the web templates you wish to use from above web resources (or any other sites you will find on your search), and modify as you wish in your WYSIWYG editor.</p>
</p>
<p>Below are some screen shots with the process, make sure when you start modifying to make use of the <a href="http://www.webmasterwiki.org/website-development/2010/how-to-start-making-a-website/" target="_self">ideas and website structure detailed in the <strong>How to start making a website</strong></a>.</p>
</p>
<blockquote><p>The home page of any website must be named <strong>index</strong> (and the file format you use: .htm, .html, .php etc). The name of <strong>index</strong> is commonly used and tells the server that is the first page to show to users typing in your web domain address. If you do not have a file called <strong>index</strong>, users typing in www.YourWebsite.com will not see your website. All the other pages you can call them as you like.</p></blockquote>
</p>
<p><strong>- FrontPage layout</strong> (similar with Word as you can see, with all the same options on top to text and link editing, saving, drawing tools and more)</p>
</p>
<p><a href="http://www.webmasterwiki.org/wp-content/uploads/2010/11/frontpage_layout.jpg" rel="prettyPhoto[65]"><img class="aligncenter size-full wp-image-68" title="frontpage_layout" src="http://www.webmasterwiki.org/wp-content/uploads/2010/11/frontpage_layout.jpg" alt="" width="600" height="324" /></a></p>
</p>
<p>Once you have opened the web template in Frontpage, you may start editing the text, links, menu and page properties. We will not say anything about text editing, as this is a simple task (just add your content), so I will jump to editing links and the page properties.</p>
</p>
<p><strong>- Adding a hyperlink</strong> (to text or image, simply select the object to hyperlink, click on the Hyperlink button and insert the link to direct when clicked)</p>
</p>
<p><a href="http://www.webmasterwiki.org/wp-content/uploads/2010/11/adding_link.jpg" rel="prettyPhoto[65]"><img class="aligncenter size-full wp-image-69" title="adding_link" src="http://www.webmasterwiki.org/wp-content/uploads/2010/11/adding_link.jpg" alt="" width="613" height="405" /></a></p>
</p>
<p>As you can see in above image, you need to insert the web address where the text / image will direct when clicked (you can also click on any of the files like index.html and any other pages you have there if the link is inside your website).</p>
</p>
<p><strong>- Page properties</strong> (edit page properties like title, description, keywords, page language). To do that right click on the page and hit <em>Page Properties</em> in the menu that popped-up.</p>
</p>
<p><a href="http://www.webmasterwiki.org/wp-content/uploads/2010/11/page_properties.jpg" rel="prettyPhoto[65]"><img class="aligncenter size-full wp-image-70" title="page_properties" src="http://www.webmasterwiki.org/wp-content/uploads/2010/11/page_properties.jpg" alt="" width="489" height="432" /></a></p>
</p>
<p>From the above window you will see the minimalistic settings you need to do in Page Properties. Why is that important? Well the changes you make here will have a huge impact on your search engine optimization. The <em>Title</em> must be short, about the website or web page itself, the <em>Description</em> should be no more than 200 characters long (a short description of what the user will find on this page), while the <em>Keywords</em> are the main words that would cover the subject approached on the page, delimited by commas.</p>
</p>
<p>When you made all the changes you wanted to the page, Save it. You can built another page now using the similar template (just copy-paste the page you just worked on, and start making the new page on the copy, rename it and save it.. and so on).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webmasterwiki.org/website-development/wysiwyg/2010/creating-your-website-with-wysiwyg-editor/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to start making a website</title>
		<link>http://www.webmasterwiki.org/website-development/2010/how-to-start-making-a-website/</link>
		<comments>http://www.webmasterwiki.org/website-development/2010/how-to-start-making-a-website/#comments</comments>
		<pubDate>Sun, 24 Oct 2010 12:57:58 +0000</pubDate>
		<dc:creator>Catalin</dc:creator>
				<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.webmasterwiki.org/?p=48</guid>
		<description><![CDATA[With the higher Internet penetration at global level, the world as we know it has dramatically changed. About everything we consider in life, the Internet has moved it to a whole new level. If it's business, online presence and sales have become a necessity in today's competitive environment, if it's about a hobby or belief, [...]]]></description>
			<content:encoded><![CDATA[<p>With the higher Internet penetration at global level, the world as we know it has dramatically changed. About everything we consider in life, the Internet has moved it to a whole new level. If it's business, online presence and sales have become a necessity in today's competitive environment, if it's about a hobby or belief, online world has made it easy to connect with people sharing same interests, if it's about knowledge, the Internet is nevertheless the most complete resource you could access, updated every second by individuals around the world.</p>
<p>So how do we set an online presence? Does making a website require any special knowledge, do you need to hire someone or can you do this alone?</p>
<p><span id="more-48"></span></p>
<p>Well I am the adept of doing it myself. For most of my needs, and I am sure for most of your needs, the below resources and tutorials for how to make a website will be more than enough. You can do a simple standalone website or a dynamic website (constantly updated - like a blog, forum, ecommerce site) with advanced knowledge in web development required. In fact, with no knowledge required in the field. My tutorials will take you through the beginning steps and based on your online needs, I will show you how to discover the best solutions.</p>
<p>But first of all, let's start with the beginning. Take a block note and a pen and put your idea of a website on the page. Answer yourself the following questions first: what do I want to do? do I want to simply share a hobby with other people or do I want to make sales? do I want to make a standalone website that once developed just stays there or do I want a website I can update constantly and also interact with other people? what name should my website have? what structure should I use?</p>
<p>These are just a few of the questions I recommend going through, and though for most questions the answers must be looked by you, I can give you a few suggestions for some others.</p>
<p><strong>1:</strong> once you have put your ideas on the paper is good to think of a name for your website. The name of the website must be short, easy to remember by other users, connected to the website's approached subject. Take for example the name of this blog, <strong>Webmaster Wiki</strong>, is an eloquent name that tells you what you should find here: webmaster (related to website development / traffic / monetization) and wiki (a knowledge base, tutorials and resources).</p>
<p><strong>2:</strong> you need to put down the structure of the website on paper. Really, you need to do that! Mostly because making any changes afterward, to categories, menus etc is a really big pain and is also not-recommended from a SEO perspective. Simply make it simple through the structure to understand what pages will you be having, how will you be grouping them and inter-connect them. It's an easy task that doesn't take a lot of time, and can save you a lot of work later on.</p>
<p><strong>3:</strong> choosing the development platform. Again, not to worry, you don't need any special knowledge in the field. If you look at making a static website where you will put some info with not so many later updates, maybe HTML / CSS website development are the best option. This can easily be done using a <a href="http://www.webmasterwiki.org/website-development/wysiwyg/2010/creating-your-website-with-wysiwyg-editor/" target="_self">WYSIWYG (What You See Is What You Get) editor</a> like FrontPage. If you have ever used Word from the MicroSoft Office suite, that using FrontPage is no different. If however you look at having a website that would have constant updates, than a CMS (Content Management System) platform would be best option to use. In this category I cover just a few platforms like the most powerful blogging platform - WordPress, best content management system - Joomla, strongest forum software - phpBB, or the e-commerce platform - osCommerce. Many more CMS options can be found and tested in live demos <a href="http://php.opensourcecms.com/" target="_blank">Open Source CMS</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webmasterwiki.org/website-development/2010/how-to-start-making-a-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress Typography &amp; Shortcodes</title>
		<link>http://www.webmasterwiki.org/website-development/cms/wordpress/2010/wordpress-typography-shortcodes/</link>
		<comments>http://www.webmasterwiki.org/website-development/cms/wordpress/2010/wordpress-typography-shortcodes/#comments</comments>
		<pubDate>Thu, 21 Oct 2010 13:40:38 +0000</pubDate>
		<dc:creator>Catalin</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.webmasterwiki.org/?p=1</guid>
		<description><![CDATA[Are you running a blog on WordPress platform and you have been wondering how to add a little style to your articles? Maks some content stand out, outline the important facts, well this page will show you the common shortcodes you can use on your WordPress blog. Make something stand out of the text with [...]]]></description>
			<content:encoded><![CDATA[<p>Are you running a blog on WordPress platform and you have been wondering how to add a little style to your articles? Maks some content stand out, outline the important facts, well this page will show you the common shortcodes you can use on your WordPress blog. Make something stand out of the text with any of following typography and shortcodes available. Please not that some of these codes might not work on your blog. They are also dependent of WordPress theme used.</p>
<p><span id="more-1"></span></p>
<p>The typography included with the our theme is carefully sculpted for the best possible search engine optimization (SEO) and also includes support for numerous bonus styles. Using the included <a title="Wordpress Shortcodes" href="http://codex.wordpress.org/Shortcode_API" target="_blank">shortcode</a> functions, you can easily add character to your content without ever having to look at the code. See below for the <a href="#extras">complete list and usage</a>.</p>
<h1>This is an H1 Headline</h1>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<h2>This is an H2 Heading</h2>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<h3>This is an H3 Subheading</h3>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<h4>This is an H4 Subheading</h4>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<h5>This is an H5 Subheading</h5>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<h3>List Style Examples:</h3>
<p><strong>Unordered List Example:</strong></p>
<ul>
<li>List Item One
<ul>
<li>Sublevel List Item A</li>
<li>Sublevel List Item B</li>
<li>Sublevel List Item C</li>
</ul>
</li>
<li>List Item Two</li>
<li>List Item Three</li>
<li>List Item Four</li>
</ul>
<p><strong>Ordered List Example:</strong></p>
<ol>
<li>List Item One
<ol>
<li>Sublevel List Item A</li>
<li>Sublevel List Item B</li>
<li>Sublevel List Item C</li>
</ol>
</li>
<li>List Item Two</li>
<li>List Item Three</li>
<li>List Item Four</li>
</ol>
<p><strong>Check List Example:(&lt;ul class= “check”&gt;)</strong></p>
<ul class="check">
<li>Checklist Item 1</li>
<li>Checklist Item 2</li>
<li>Checklist Item 3</li>
</ul>
<p><strong>Caption List Example:(&lt;ul class= “captionlist”&gt;)</strong></p>
<ul class="captionlist">
<li>Caption list Item 1
<ul>
<li>this is a sub-level list item in an unordered list with a class of ul.captionlist.</li>
</ul>
</li>
<li>Caption list Item 2
<ul>
<li>this is a sub-level list item in an unordered list with a class of ul.captionlist.</li>
</ul>
</li>
<li>Caption list Item 3
<ul>
<li>this is a sub-level list item in an unordered list with a class of ul.captionlist.</li>
</ul>
</li>
</ul>
<p><a id="extras"></a></p>
<h2>Caption Styles</h2>
<p><strong>Example Usage of “blocknote” shortcodes</strong></p>
<p><code>[ blocknote class="red" title="Your Caption Title"]This is a blocknote caption style using the red style attribute.[ /blocknote]</code></p>
<div class="caption none"><span class="caption-title">Caption Title</span>This is a “blocknote” caption style using the default style. This style is achieved using the shortcode class=”none”.</div>
<div class="caption green"><span class="caption-title">Caption Title</span>This is a “blocknote” caption style using the default style. This style is achieved using the shortcode class=”green”.</div>
<div class="caption red"><span class="caption-title">Caption Title</span>This is a “blocknote” caption style using the default style. This style is achieved using the shortcode class=”red”.</div>
<div class="caption blue"><span class="caption-title">Caption Title</span>This is a “blocknote” caption style using the default style. This style is achieved using the shortcode class=”blue”.</div>
<h2>Icon Classes</h2>
<div class="small">The icons used below were generously created and donated to SimpleThemes by <a title="icons" href="http://wefunction.com/2008/07/function-free-icon-set/">wefunction.com</a></div>
<p><strong>Example Usage of “note” shortcodes</strong></p>
<p><code>[ note class="alert"]Your text to be displayed.[ /note]</code></p>
<div class="note alert">This is an <strong>alert</strong> style that can easily be displayed within your content by inserting the code demonstrated above. This may help to serve your users with system error messages.- <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>alert</strong>“</p>
<div class="note info">This is a <strong>informational</strong> style that can easily be displayed within your content by inserting the code demonstrated above. This may help to accent additional information within an article.- <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>info</strong>“</p>
<div class="note warn">This is a <strong>warning</strong> style that can easily be displayed within your content by inserting the code demonstrated above. This may help to serve warnings before proceeding with specified steps. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>warn</strong>“</p>
<div class="note accept">This is an <strong>acceptance</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You may wish to display this style when outlining success messages.- <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>accept</strong>“</p>
<div class="note cd">This is a <strong>CD/DVD</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this style if outlining a band member or video credits. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>cd</strong>“</p>
<div class="note coffee">This is a <strong>coffee</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to offer your readers the chance to donate or buy you a cup of coffee <img class="wp-smiley" src="http://demos.simplethemes.com/avalon/wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" /> – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>coffee</strong>“</p>
<div class="note email">This is an <strong>email</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to provide additional contact information within an article. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>email</strong>“</p>
<div class="note download">This is a <strong>download</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to dispay file download links. <a href="#">Sample Download A</a> | <a href="/trinity/joomla/3">Sample Download B</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>download</strong>“</p>
<div class="note idea">This is an <strong>idea</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to outline additonal tips in instructional articles. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>idea</strong>“</p>
<div class="note photo">This is an <strong>photo</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to give proper photo credits where credit is due- <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>photo</strong>“</p>
<div class="note secure">This is an <strong>secure</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to tell your readers that something is protected or secured. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>secure</strong>“</p>
<div class="note author">This is an <strong>author</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to give author/book review credit. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>author</strong>“</p>
<div class="note search">This is an <strong>search</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to remind your readers to search the forums before asking questions. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>search</strong>“</p>
<div class="note mycomment">This is an <strong>comment</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to highlight a comment made or to notify your users that comments are available. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>mycomment</strong>“</p>
<div class="note time">This is an <strong>comment</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this to notify your readers that <strong>time is running out</strong>!. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>time</strong>“</p>
<div class="note tools">This is an <strong>tools</strong> style that can easily be displayed within your content by inserting the code demonstrated above. You might use this style to alert your readers of technical specifications. – <a href="#">link color test</a></div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>tools</strong>“</p>
<div class="note twitter">This is an <strong>twitter</strong> nstyle that can easily be displayed within your content by inserting the code demonstrated above. You might use this to say something like, “<a href="http://www.twitter.com/simplethemes" target="_blank">Hey follow us on Twitter!</a>“</div>
<p class="smalldesc">This style is shown by using the “note” shortcode described above: class=”<strong>twitter</strong>“</p>
<blockquote><p><strong>This is a blockquote.</strong> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p></blockquote>
<p>The blockquote dialog above is shown by entering:</p>
<pre class="php">&lt; blockquote&gt;Your blockquote text here&lt; /blockquote&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.webmasterwiki.org/website-development/cms/wordpress/2010/wordpress-typography-shortcodes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

