<?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>WebProNews &#187; formatting</title>
	<atom:link href="http://www.webpronews.com/tag/formatting/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webpronews.com</link>
	<description>Breaking News in Tech, Search, Social, &#38; Business</description>
	<lastBuildDate>Mon, 13 Feb 2012 03:51:47 +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>Design Your Posts to Guarantee They Get Read</title>
		<link>http://www.webpronews.com/design-your-posts-to-guarantee-they-get-read-2007-11</link>
		<comments>http://www.webpronews.com/design-your-posts-to-guarantee-they-get-read-2007-11#comments</comments>
		<pubDate>Wed, 14 Nov 2007 14:56:58 +0000</pubDate>
		<dc:creator>Steven Bradley</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=41899</guid>
		<description><![CDATA[<p>Of all the edges I know of, embracing amazing design is the easiest, the fastest and the one with the most assured return on investment.<br />
]]></description>
			<content:encoded><![CDATA[<p>Of all the edges I know of, embracing amazing design is the easiest, the fastest and the one with the most assured return on investment.</p>
<p>&ndash;Seth Godin <a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2FFree-Prize-Inside-Next-Marketing%2Fdp%2FB0007XWMZG%3Fie%3DUTF8%26s%3Dbooks%26qid%3D1194997912%26sr%3D1-1&amp;tag=the0d9-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=9325">Free Prize Inside</a><img width="1" height="1" border="0" src="http://www.assoc-amazon.com/e/ir?t=the0d9-20&amp;l=ur2&amp;o=1" alt="" style="border: medium none  ! important; margin: 0px ! important;" /></p>
<p><img width="400" height="165" alt="" src="http://www.yellowhousehosting.com/resources/images/colored-paper.jpg" /></p>
<p>Looks matter. We don&rsquo;t always want to face it, but it&rsquo;s true. People will make judgments about the quality inside based on looks alone. A pretty package gets more attention every time. So how can you make your posts more attractive to help guarantee they get read?</p>
<h3>Better Formatting for More Readable Posts</h3>
<p>You&rsquo;ve seen the advice to make your posts more scanable. While some will debate that people do read online, scanability aids readability. The more visually interesting you can make your posts the more your post will draw the eye all the way through and the more your words will get read. The good news is it&rsquo;s fairly easy to do if you keep formatting in mind as you write and remember a few <a href="http://www.yellowhousehosting.com/resources/web-design/designing-with-crap/">simple design tips</a>.</p>
<p>A well formatted post makes use of a few elements that contrast with the dominant paragraph style.</p>
<ul style="list-style-type: disc; list-style-image: none; list-style-position: outside; margin-left: 10px;">
<li>Images</li>
<li>Whitespace</li>
<li>Headings and Subheadings</li>
<li>Lists</li>
<li>Bold and Italics</li>
<li>Color</li>
<li>Blockquotes</li>
</ul>
<p>The key is the contrast between the string of words that make up your post and the visual element.</p>
<h3>Mea Culpa: My Poorly Designed Post</h3>
<p><a href="http://www.yellowhousehosting.com/resources/2007/04/30/text-vs-graphics-in-design/"><img width="100" height="365" border="0" class="alignright" style="margin-left: 10px;" src="http://www.yellowhousehosting.com/resources/images/text-graphics.jpg" alt="" /></a></p>
<p>I have to admit I&rsquo;ve not always done a good job formatting posts. My post design has improved over time, but it still has a long way to go. In part my poor formatting is a result of an overall design that didn&rsquo;t anticipate a blog. When I created this site I opted for a <a href="http://www.yellowhousehosting.com/resources/2006/05/30/fixed-design-or-liquid-design/">liquid layout over a fixed layout</a>. The fluid design means the width of the main content column changes making it more difficult to control how the images will display. I&rsquo;ve shied away from adding images in the past, but that&rsquo;s no excuse for poor formatting.</p>
<p>Take a look at the image to the right. It&rsquo;s an older post stripped of the site design around it. Not very inviting is it? You have to really want to read that post to get through it all. The post does make use of subheadings throughout, but it&rsquo;s about as poorly formatted as a post can get. Ironically it&rsquo;s a post arguing that graphics are important to a balanced design.</p>
<p>David Airey pointed out the irony in a <a href="http://www.yellowhousehosting.com/resources/2007/04/30/text-vs-graphics-in-design/#comment-22616">comment on the post</a> and neither the irony nor the lesson was lost on me. I&rsquo;ve been more conscious of post formatting ever since.</p>
<p>Compare that post to the two below and notice how much more inviting these two posts are. In addition to subheadings, each makes use of images, whitespace, and lists. If you had to choose between either of the posts below and the one above, which would you read?</p>
<div style="margin: 20px auto; width: 225px; clear: right;"><a href="http://www.yellowhousehosting.com/resources/2007/11/01/blogrush-update-promises-unfullfiled-and-more-promises/"><img width="100" height="343" border="0" style="margin-right: 20px;" src="http://www.yellowhousehosting.com/resources/images/blogrush-update.jpg" alt="" /></a><a href="http://www.yellowhousehosting.com/resources/2007/06/05/new-ask-3d-interface/"><img width="100" height="383" border="0" src="http://www.yellowhousehosting.com/resources/images/ask-3d.jpg" alt="" /></a></div>
<h3>Consistently Well Designed Posts</h3>
<p>While I&rsquo;ve done better with the formatting of my posts over time, I still have much to improve. There are blogs that consistently get the formatting right and they make a great example for learning. Look at the three posts below from DoshDosh, SEOmoz, and CopyBlogger. Each links to the original post as do all the screen shots in this post. I cropped the DoshDosh and SEOmoz posts a little. Both continued longer down the page, but the formatting you see continues to the end.</p>
<div style="margin: 20px auto; width: 350px;"><a href="http://www.doshdosh.com/the-bloggers-guide-to-team-marketing/"><img width="100" height="564" border="0" style="margin-right: 20px;" src="http://www.yellowhousehosting.com/resources/images/doshdosh.jpg" alt="" /></a><a href="http://www.seomoz.org/blog/poll-on-seo-data-tracking-what-signals-do-you-actively-follow"><img width="100" height="589" border="0" style="margin-right: 20px;" src="http://www.yellowhousehosting.com/resources/images/seomoz.jpg" alt="" /></a><a href="http://www.copyblogger.com/blog-selling/"><img width="100" height="540" border="0" src="http://www.yellowhousehosting.com/resources/images/copyblogger.jpg" alt="" /></a></div>
<p>Notice the liberal use of images in Maki&rsquo;s post on the left. There&rsquo;s a rhythm to the post. Heading, text, image, heading, text, image, heading, text, image, etc. The images also add a lot of color to the post. Rand&rsquo;s post (above center) makes use of images as well with the same pattern, though the images don&rsquo;t contrast as much in their color.</p>
<p>Brian&rsquo;s post on the right has only the one image, but it includes headings, lists, and a blockquote. The blockquote itself is a list. The post is more distinctly formatted above the fold, which makes sense as once you&rsquo;ve gone below the fold you&rsquo;re probably already hooked. Still the post contains a good deal of whitespace throughout.</p>
<p>By the way if you click to any of the three sites above take a look at the subscriber counts they show. Yes, all three have great content, but ask yourself if the post design also contributes to those counts.</p>
<h3>Formatting isn&rsquo;t only in the Images</h3>
<p>The screen shots above might lead you to believe that a good post design is all about the images. Images are the most powerful of the elements listed above, but they are not the only way to format a post. A post without images can still be inviting to read. Consider the two posts below, one of my own and one from Daily Blogging Tips</p>
<div style="margin: 20px auto; width: 325px;"><a href="http://www.yellowhousehosting.com/resources/2007/06/26/is-one-rss-subscriber-worth-1000-links/"><img width="150" height="192" border="0" src="http://www.yellowhousehosting.com/resources/images/rss-subscriber.jpg" alt="" /></a><a href="http://www.dailyblogtips.com/public-relations-pitfalls/"><img width="150" height="249" border="0" src="http://www.yellowhousehosting.com/resources/images/daily-blog-tips.jpg" alt="" /></a></div>
<p>Neither post contains an image, though both use lists to create whitespace. My post includes a blockquote at the top, but Daniel&rsquo;s post is designed better as it uses shorter paragraphs to create additional whitespace.</p>
<p><a href="http://www.seobook.com/tapping-passion"><img width="150" height="463" border="0" class="alignleft" style="margin-right: 10px;" src="http://www.yellowhousehosting.com/resources/images/seobook.jpg" alt="" /></a></p>
<p>Both posts are limited in their formatting, but neither is particularly long and so not a lot of formatting is required. The key to crafting a well formatted post is in the balance. Too little and you have a long and boring string of text, too much and you have a crowded mess with everything in the post fighting for your attention.</p>
<p>The post to the left is from SEO Book. It does contain two images; one for the post date and one in the blockquote, but both are subtle. Most of the formatting is text based in the use of lists, a blockquote, and three levels of headings. Aaron&rsquo;s post makes great use of color in the subheads as well as the links. The post is very inviting.</p>
<p>SEO Book posts are generally formatted well, but if you look through them you&rsquo;ll notice very few have additional images beyond the two this post uses. The formatting is nearly always done through text elements.</p>
<h3>Your Presentation Improves your Information</h3>
<p>It might sound strange to think that the way your information is presented can actually improve the information. The information is still the same isn&rsquo;t it? Yes. but the way you present your content does make it easier or more difficult to comprehend and that does alter the information received by the reader.</p>
<p>Look up to the original screen shot of my post that used no formatting. Would you read it? I probably wouldn&rsquo;t. I&rsquo;m surprised anyone did. I could have made a great argument for using images in your posts, but who would know. If you did read it you&rsquo;d likely struggle through, which would lead you to absorbing less of what&rsquo;s said.</p>
<p>As you write your next post think about how you could improve it visually. Images will have the most visual impact, but you can create an inviting post without them. The key is to find some way to create areas on the page that contrast with the standard paragraph.</p>
<p>Are you conscious of your post design as you write? What elements do you use to format your posts and create a more appealing visual design.<br />
<a href="http://www.yellowhousehosting.com/resources/2007/11/13/post-formatting-and-design/#comments" title="Comment on post design"><br />
Comments</a></p>
<p>Tag: </p>
<div align="center"><a href="http://aj.600z.com/aj/41549/0/cc?z=1"><img width="336" height="55" border="0" src="http://aj.600z.com/aj/41549/0/vc?z=1&amp;dim=41556" alt="" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/design-your-posts-to-guarantee-they-get-read-2007-11/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Old Media, Time To Find The Missing Link</title>
		<link>http://www.webpronews.com/old-media-time-to-find-the-missing-link-2007-11</link>
		<comments>http://www.webpronews.com/old-media-time-to-find-the-missing-link-2007-11#comments</comments>
		<pubDate>Thu, 01 Nov 2007 16:49:08 +0000</pubDate>
		<dc:creator>WebProNews Staff</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Allen Stern]]></category>
		<category><![CDATA[Center Networks]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[linking]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[New Media]]></category>
		<category><![CDATA[New York Times]]></category>
		<category><![CDATA[Old Media]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Time]]></category>
		<category><![CDATA[Washington Post]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=41569</guid>
		<description><![CDATA[<p>There is an inherent competitiveness within the media industry, and any given entity goes about its business as though parallel organizations don&#8217;t exist &#8211; and throwing the competition a hyperlink is tantamount to endorsement. After all, if you sell shoes, you wouldn't willingly direct customers to another shoe store, would you?
]]></description>
			<content:encoded><![CDATA[<p>There is an inherent competitiveness within the media industry, and any given entity goes about its business as though parallel organizations don&rsquo;t exist &ndash; and throwing the competition a hyperlink is tantamount to endorsement. After all, if you sell shoes, you wouldn&#8217;t willingly direct customers to another shoe store, would you?<br />
<span id="more-41569"></span></p>
<table width="400" cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="center"><img width="400" height="200" border="0" src="http://images.ientrymail.com/webpronews/article_pics/old_media_time_find_missing_link.jpg" title="Old Media, Time To Find The Missing Link" alt="Old Media, Time To Find The Missing Link" class="irImage" /></td>
</tr>
<tr>
<td align="right" style="padding-bottom: 10px; padding-left: 45px; padding-right: 45px;" class="caption">Old Media, Time To Find The Missing Link</td>
</tr>
<tr>
<td align="center" style="padding-bottom: 0px;" class="caption"><img width="334" height="21" src="http://images.ientrymail.com/webpronews/salon/complete.gif" alt="" /></td>
</tr>
</table>
<p>But maybe in the New Media, we&#8217;re talking of a different animal. The New Media is more about conversation and cooperation than it is about competition. </p>
<p>Maybe. You still want to be the number-one go-to resource in whatever niche you&#8217;re in. But it seems unrealistic (or perhaps overly-optimistic) to think that media hasn&#8217;t already fragmented into a million pieces. </p>
<p>News Flash: <em>Readers now how have unlimited sources, and yours is just one of them</em>. </p>
<p><img src="http://images.ientrymail.com/webpronews/article_pics/sm_body/old_media_time_find_missing_link.jpg" align="right" border="0" alt="CenterNetworks" title="CenterNetworks">Writing for CenterNetworks, <a href="http://www.centernetworks.com/washington-post-linking-strategy">Allen Stern criticizes WashingtonPost.com</a> for publishing an article on the 20 best travel websites but not linking to a single one of them. </p>
<p>&quot;The newspaper sites still don&#8217;t get how to join the conversation,&quot; he writes. &quot;It starts with something as simple as a link to the sites and blogs who provided the content. In this case, the links should be provided to the travel sites that are mentioned.&quot; </p>
<p>In fairness, though, WaPo has been pretty aggressive about incorporating blogs into its everyday content, and linking out is standard practice among them. The same goes for the <a href="http://www.nytimes.com/">New York Times</a>. However, in their main &quot;newsy&quot; articles, they&#8217;re both stingy with the link love, usually opting to link within their own sites rather than out to somewhere else. </p>
<p>That, and you have to tell them your life story via registration to view that content, another cardinal Web sin. Other sources often let their content expire, which is a prime cause of &quot;<a href="http://www.useit.com/alertbox/980614.html">link rot</a>.&quot; Click on a link from an older story to find that newspaper site&#8217;s content is no longer available.</p>
<p>And this is really too bad, mainly because it is really an old-fashioned, Old Media approach to the New Media.</p>
<p>Note also how WaPo and the NYT are still attached to their serif fonts, as though reading from a screen and reading from paper are the same. I&#8217;m with them on that; I dig the little tails &ndash; they look nicer to me. But sans-serif <a href="http://www.webpronews.com/topnews/2006/03/15/the-essentials-of-font-philosophy">makes for speedier reading online</a>. </p>
<p>This isn&#8217;t so much an essay on where the major newspaper sites have fallen short during their online migration as it is a treatise on usability. I&#8217;ve written before about how <a href="http://www.webpronews.com/insiderreports/2007/10/23/say-goodbye-to-ye-olde-editorial-process">the editorial process is changing</a> because of the Internet. </p>
<p><center><a href="http://aj.600z.com/aj/41546/0/cc?z=1"><img src="http://aj.600z.com/aj/41546/0/vc?z=1&#038;dim=41553" width="336" height="55" border="0"></a></center><br />
Content has always been tailored (or at least should have been) to the end user. And in this case, the end user wants links to related sources. It&#8217;s been this way for years on the Internet. And not just links, but deep links that take the user directly to the information rather than linking to the website homepage. </p>
<p>News Flash #2: <em>The end user doesn&#8217;t want to hunt and gather more than he has to. Information overload is no joke, and the easier you make the discovery process, the more likely the user is to return to you.</em> </p>
<p>That means not delaying discovery with registration pages, making it easier and speedier to read, linking out to related sources, and keeping your content alive forever so the reference doesn&#8217;t die.&nbsp; </p>
<p>So, I disagree (a bit) with Stern&#8217;s assertion that the major newspaper sites don&#8217;t get how to join the conversation; I think they do (finally) get it and are trying. Where they&#8217;re failing, though, is tailoring their design and content with the end-user in mind. It&#8217;s a new end-user they&#8217;re not used to dealing with, one that reads from a screen and not from paper.&nbsp;</p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/old-media-time-to-find-the-missing-link-2007-11/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google AdWords Number/Date Formatting Feature</title>
		<link>http://www.webpronews.com/google-adwords-number-date-formatting-feature-2007-10</link>
		<comments>http://www.webpronews.com/google-adwords-number-date-formatting-feature-2007-10#comments</comments>
		<pubDate>Wed, 31 Oct 2007 19:10:47 +0000</pubDate>
		<dc:creator>Kevin Gibbons</dc:creator>
				<category><![CDATA[Search]]></category>
		<category><![CDATA[AdWords]]></category>
		<category><![CDATA[change]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Time]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=41540</guid>
		<description><![CDATA[<p><font size="2">Google AdWords seems to be rolling out some useful features recently, last week it was the <a title="snapshot date range comparison" href="http://www.distilled.co.uk/blog/ppc/adwords-finally-allows-date-range-comparison-hooray/">snapshot date range comparison</a> and today's is the option to <a title="change number, date and time formatting" href="https://adwords.google.com/support/bin/answer.py?answer=77275&#38;hl=en_GB" target="new">change number, date and time formatting</a>.<br />
]]></description>
			<content:encoded><![CDATA[<p><font size="2">Google AdWords seems to be rolling out some useful features recently, last week it was the <a title="snapshot date range comparison" href="http://www.distilled.co.uk/blog/ppc/adwords-finally-allows-date-range-comparison-hooray/">snapshot date range comparison</a> and today&#8217;s is the option to <a title="change number, date and time formatting" href="https://adwords.google.com/support/bin/answer.py?answer=77275&amp;hl=en_GB" target="new">change number, date and time formatting</a>.<br />
<span id="more-41540"></span> <br />
This is a great addition for UK users to avoid any confusion between US and UK date formats.</p>
<p>Here&#8217;s the Google AdWords account alert (click for full-size/readable image):<br />
</font></p>
<div align="center"><font size="2"><a href="http://www.seoptimise.com/images/google-adwords-currency-date-full.jpg"><img border="0" src="http://www.seoptimise.com/images/google-adwords-currency-date.jpg" alt="New Google AdWords Feature: Currency/Date Formatting" /></a></font></div>
<p><a href="http://www.blogger.com/comment.g?blogID=20721743&amp;postID=4924274874310180164" title="Comments">Comments</a></p>
<p>Tag: </p>
<div align="center"><a href="http://aj.600z.com/aj/41549/0/cc?z=1"><img width="336" height="55" border="0" src="http://aj.600z.com/aj/41549/0/vc?z=1&amp;dim=41556" alt="" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/google-adwords-number-date-formatting-feature-2007-10/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exploitation of Passion for Profit</title>
		<link>http://www.webpronews.com/exploitation-of-passion-for-profit-2007-10</link>
		<comments>http://www.webpronews.com/exploitation-of-passion-for-profit-2007-10#comments</comments>
		<pubDate>Tue, 02 Oct 2007 19:45:14 +0000</pubDate>
		<dc:creator>Aaron Wall</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[AIM]]></category>
		<category><![CDATA[Attention]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[Errors]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[Market]]></category>
		<category><![CDATA[passion]]></category>
		<category><![CDATA[selling]]></category>
		<category><![CDATA[trust]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=40815</guid>
		<description><![CDATA[<h3>Buying Attention &#38; Building Trust</h3>
<p>With content that you freely distribute you are primarily trying to build relationships with people who don't know you and have never bought from you. Since attention is limited you have to <a title="make your content accessible to gain market attention" href="http://www.seobook.com/links-or-content-nope-issue-attention">make your content accessible to gain market attention</a>.</p>
<h3>Highbrow = Low Readership</h3>
<p>Most potential buyers can not distinguish between great information and average information, but most people...</p>]]></description>
			<content:encoded><![CDATA[<h3>Buying Attention &amp; Building Trust</h3>
<p>With content that you freely distribute you are primarily trying to build relationships with people who don&#8217;t know you and have never bought from you. Since attention is limited you have to <a title="make your content accessible to gain market attention" href="http://www.seobook.com/links-or-content-nope-issue-attention">make your content accessible to gain market attention</a>.</p>
<h3>Highbrow = Low Readership</h3>
<p>Most potential buyers can not distinguish between great information and average information, but most people&#8230;</p>
<ul>
<li>can distinguish between well formatted information that is easy to read and information that appears too complex <a title="Formatting plays a big roll in selling content." href="http://www.seobook.com/archives/002445.shtml">Formatting plays a big roll in selling content</a>.</li>
<p></p>
<li>follow the crowd and look for signs of trust from others (recommendations, on site comments, etc.)</li>
<p></p>
<li>care about enthusiasm and topic selection (why read a site that is not unique and/or too negative?)</li>
</ul>
<h3>Some of My Errors</h3>
<p>One of my biggest problems from a conversion standpoint is that I often write copy that does not sell&#8230;content that speaks well to some, but not to the buying market. Many posts exhibit the following traits:</p>
<ul>
<li>are focused on big picture ideas and broader market relationships</li>
<p></p>
<li><a href="http://www.seobook.com/google-lies" title="are seen as being negative ">are seen as being negative</a> for being too blunt &amp; honest</li>
<p></p>
<li><a href="http://www.seobook.com/relevancy/" title="offer too much information for people to get through">offer too much information for people to get through</a></li>
<p></p>
<li><a href="http://sethgodin.typepad.com/seths_blog/2007/09/the-power-of-ch.html" title="try to convey too many different ideas">try to convey too many different ideas</a></li>
</ul>
<p>People want to feel the comfort and accessibility of reading a for dummies guide one page at a time while being told they are becoming gurus / experts in the process. Which creates an interesting problem for anyone trying to sell how to information. Do you aim to make it as accessible as possible? Or do you aim further along the learning cycle and write at a higher level?</p>
<h3>Where to Aim if You Are Looking for Profit</h3>
<p>There are more people at the bottom of the pyramid, and if you capture their attention that will likely make you considered an expert to most outsiders looking to your field. As the online experience improves <a href="http://www.marketingvox.com/archives/2007/09/27/8-in-10-online-americans-use-internet-for-hobby-related-activities/" title="hobbiests use the web much more frequently">hobbiests use the web much more frequently</a>. Yahoo! and MediaVest have done research about hobbyists, calling them <a href="http://www.marketingcharts.com/interactive/passionista-consumers-can-help-brands-harness-digital-media-1834/" title="Passionistas">Passionistas</a>:</p>
<blockquote>
<p>Passionistas heavily engage with communities of like-minded consumers who use email, text messaging, and instant messaging significantly more than typical users, and are more likely to create and share user-generated content online such as photos, blog posts or videos about their passions.</p>
<p>Because of their intense engagement around sharing information, Passionistas are 52% more likely than typical users to recommend or influence others about brands aligning with them.</p>
</blockquote>
<p>In the SEO market (and probably most business related markets) it seems passionate hobbyists new to a field are much more likely to exuberantly promote brands than those who have been in the field for a great deal of time. I am not sure how well that translates to other fields though.</p>
<h3>How Can I Use This Post to Help Market My Site?</h3>
<h4>Become a Platform for Passion</h4>
<p>If <a href="http://www.seobook.com/archives/002138.shtml" title="top rated competing sites lack passion">top rated competing sites lack passion</a> you can own your market in well under a year. If they are passionate then to stay competitive you have to <a href="http://paul.kedrosky.com/archives/2007/09/27/sports_and_rais.html" title="raise your game">raise your game</a> and become a platform for passion.</p>
<p>Microsoft recently held <a href="http://searchengineland.com/070927-000001.php" title="search event for SEOs">a search event for SEOs</a> to show they are serious about search. <a href="http://googleblog.blogspot.com/2007/09/youtube-and-checkout-for-non-profit.html" title="Google gives passionate charities free">Google gives passionate charities free services</a> to promote YouTube and Google Checkout. Cater to the passionate and <a href="http://radar.oreilly.com/archives/2006/04/purposedriven_media.html" title="create purpose driven media">create purpose driven media</a> &#8211; use the same marketing techniques that Microsoft and Google use.</p>
<h4>Make Your Site Look Alive</h4>
<p>You can always <a href="http://www.searchengineguide.com/degeyter/010800.html" title="add interactive features to build community interest">add interactive features to build community interest</a>. When you do so people are more likely to participate (fueling more people to participate) and they are more likely to market your site because they feel a sense of ownership.</p>
<p>My designer place the recent comments and this week top 5 sections on this site before I ever saw it. And I love it because it gives the sense that the site is dynamic, alive, and active. If you receive awards or have many feed subscribers publishing those signs of validation help improve your credibility and bring in new visitors.</p>
<h4>Virtual Demand is Becoming Real Demand</h4>
<p>Amazon tapped some of their top reviewers to review transcripts for <a href="http://www.futureofthebook.org/blog/archives/2007/10/penguin_enlists_amazon_reviewe.html" title="book publishing contest">a book publishing contest</a>. How long until publishers are no longer required? You can look at the success of shows like American Idol to see how much people want to be engaged with what they consume. Also look to the stats about how often passionate hobbyists turn to the web to fulfill their wants. Deep profit margins exist in deep pools of passion.</p>
<p>Eventually consumers will <a href="http://blogs.law.harvard.edu/doc/2007/09/28/go-from-hell/" title="Consumers will go from hell">go from hell</a> to create the markets THEY want. The businesses with passionate communities will grow while the remaining businesses go to hell. Look for new ways to track demand and get feedback to create what people want. You don&#8217;t even need a product off the start&#8230;just an audience willing to give you honest feedback.</p>
<p><a href="http://www.seobook.com/tapping-passion#comments" title="Comment">Comments</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/exploitation-of-passion-for-profit-2007-10/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RSS Formatting Problems</title>
		<link>http://www.webpronews.com/rss-formatting-problems-2007-04</link>
		<comments>http://www.webpronews.com/rss-formatting-problems-2007-04#comments</comments>
		<pubDate>Wed, 11 Apr 2007 16:08:15 +0000</pubDate>
		<dc:creator>Neville Hobson</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=36905</guid>
		<description><![CDATA[<p>During the past week, I&#8217;ve noticed that <a title="Neville Hobson's blog" href="http://www.nevillehobson.com/">this blog</a>&#8217;s <a title="Neville Hobson's RSS Feed" href="http://feeds.feedburner.com/Nevillehobsoncom">RSS feed</a> has been displaying content as single blocks of unformatted text. No paragraphs, no working links, just blocks of text.</p>
<p>I&#8217;ve had a number of emails from subscribers, too,&#160;pointing this out.</p>]]></description>
			<content:encoded><![CDATA[<p>During the past week, I&rsquo;ve noticed that <a title="Neville Hobson's blog" href="http://www.nevillehobson.com/">this blog</a>&rsquo;s <a title="Neville Hobson's RSS Feed" href="http://feeds.feedburner.com/Nevillehobsoncom">RSS feed</a> has been displaying content as single blocks of unformatted text. No paragraphs, no working links, just blocks of text.</p>
<p>I&rsquo;ve had a number of emails from subscribers, too,&nbsp;pointing this out.</p>
<p>After a bit of digging around &#8211; prompted by <a title="Feedburner thread" href="http://forums.feedburner.com/viewtopic.php?t=13071">this thread</a> on the FeedBurner forum -&nbsp;I&rsquo;ve narrowed the reason down to the likely culprit:&nbsp;the latest version 7.7 of <a title="PodPress" href="http://www.mightyseek.com/podpress">PodPress</a>, the WordPress plugin that enables podcasting on this site, which I upgraded to last week.</p>
<p>I&rsquo;ve just rolled PodPress back to the version I was using before that upgrade, version 6.8. Hopefully, this will fix the formatting problem.</p>
<p>Apologies to RSS subscribers for any eye strain! Please let me know if you still encounter weird formatting. Thanks.</p>
<p>[<u>Update @ 10:16</u>] Yes, PodPress version 7.7 definitely was the problem. Checking the feed, I can see that all content is now correctly formatted again with paragraphs, bullets, line breaks, etc. If you still see bad formatting in your copy of the feed, try refreshing it or reloading it in order to get the latest copy in your RSS reader.</p>
<p><a title="Comment on RSS formatting problems" href="http://www.nevillehobson.com/2007/04/11/troubleshooting-rss-formatting-problems/#respond">Comments</a></p>
<p>Tag: </p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/rss-formatting-problems-2007-04/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Three Principles Of HTML Code Optimization</title>
		<link>http://www.webpronews.com/the-three-principles-of-html-code-optimization-2005-06</link>
		<comments>http://www.webpronews.com/the-three-principles-of-html-code-optimization-2005-06#comments</comments>
		<pubDate>Wed, 29 Jun 2005 22:04:58 +0000</pubDate>
		<dc:creator>George Peirson</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=20341</guid>
		<description><![CDATA[Just like spring cleaning a house, the html code of your web pages should get periodic cleaning as well.
]]></description>
			<content:encoded><![CDATA[<p>Just like spring cleaning a house, the html code of your web pages should get periodic cleaning as well.</p>
<p>Over time, as changes and updates are made to a web page, the code can become littered with unnecessary clutter, slowing down page load times and hurting the efficiency of your web page. Cluttered html can also seriously impact your search engine ranking.    </p>
<p>This is especially true if you are using a WYSIWYG (What You See Is What You Get) web design package such as FrontPage or Dreamweaver. These programs will speed up your web site creation, but they are not that efficient at writing clean html code.    </p>
<p>We will be focusing this discussion on the actual html coding, ignoring other programming languages that may be used in a page such as JavaScript. In the code examples I will be using ( and ) characters instead of correct html so that the code examples will display properly in this newsletter.     </p>
<p>Up until recently when coding a page in HTML we would be using tags such as the (font) tag and (p) paragraph tags. Between these tags would be our page content, text, images and links. Each time a formatting change was made on the page new tags were needed with complete formatting for the new section. More recently we have gained the ability to use Cascading Style Sheets, allowing us to write the formatting once and then refer to that formatting several times within a web page.    </p>
<p>In order to speed up page load times we need to have fewer characters on the page when viewed in an html editor. Since we really do not want to remove any of our visible content we need to look to the html code. By cleaning up this code we can remove characters, thereby creating a smaller web page that will load more quickly.    </p>
<p>Over time HTML has changed and we now have many different ways to do the same thing. An example would be the code used to show a bold type face. In HTML we have two main choices, the (strong) tag and the (b) tag. As you can see the (strong) tag uses 5 more characters than the (b) tag, and if we consider the closing tags as well we see that using the (strong)(/strong) tag pair uses 10 more characters than the cleaner (b)(/b) tag pair.    </p>
<p>This is our First Principle of clean HTML code: Use the simplest coding method available.    HTML has the ability of nesting code within other code. For instance we could have a line with three words where the middle word was in bold. This could be accomplished by changing the formatting completely each time the visible formatting changes.</p>
<p>Consider this code:  </p>
<p><code>(font face="times")This(/font)<br />
(font face="times")(strong)BOLD(/strong)(/font)<br />
(font face="times")Word(/font) </code></p>
<p>This takes up 90 characters.     </p>
<p>This is very poorly written html and is what you occasionally will get when using a WYSIWYG editor. Since the (font) tags are repeating the same information we can simply nest the (strong) tags inside the (font) tags, and better yet use the (b) tag instead of the (strong) tag. This would give us this code (font face=&#8221;times)This (b)BOLD(/b) Word(/font), taking up only 46 characters.    </p>
<p>This is our Second Principle of clean HTML code: Use nested tags when possible. Be aware that WYSIWYG editors will frequently update formatting by adding layer after layer of nested code. So while you are cleaning up the code look for redundant nested code placed there by your WYSIWYG editing program.    </p>
<p>A big problem with using HTML tags is that we need to repeat the tag coding whenever we change the formatting. The advent of CSS allows us a great advantage in clean coding by allowing us to layout the formatting once in a document, then simply refer to it over and over again.    </p>
<p>If we had six paragraphs in a page that switch between two different types of formatting, such as headings in Blue, Bold, Ariel, size 4 and paragraph text in Black, Times, size 2, using tags we would need to list that complete formatting each time we make a change. </p>
<p><code>(font face="Ariel" color="blue" size="4")(b)Our<br />
heading(/b)(/font)<br />
(font face="Times color="black" size="2")Our paragraph(/font)<br />
(font face="Ariel" color="blue" size="4")(b)Our next<br />
heading(/b)(/font)<br />
(font face="Times color="black" size="2")Our next<br />
paragraph(/font) </code></p>
<p>We would then repeat this for each heading and paragraph, lots of html code.    With CSS we could create CSS Styles for each formatting type, list the Styles once in the Header of the page, and then simply refer to the Style each time we make a change. </p>
<p><code>(head)<br />
(style type="text/css")<br />
(!--<br />
.style1 {<br />
	font-family: Arial, Helvetica, sans-serif;<br />
	font-weight: bold;<br />
	font-size: 24px;<br />
}<br />
.style2 {<br />
	font-family: "Times New Roman", Times, serif;<br />
	font-size: 12px;<br />
}<br />
--)<br />
(/style)<br />
(/head)<br />
(body)<br />
(p class="style1")Heading(/p)<br />
(p class="style2")Paragraph Text(/p)<br />
(/body) </code></p>
<p>Notice that the Styles are created in the Head section of the page and then simply referenced in the Body section. As we add more formatting we would simply continue to refer to the previously created Styles.    This is our Third Principle of Clean HTML Code: Use CSS styles when ever possible. CSS has several other benefits, such as being able to place the CSS styles in an external file, thereby reducing the page size even more, and the ability to quickly update formatting site-wide by simply updating the external CSS Style file.    So with some simple cleaning of your HTML code you can easily reduce the file size and make a fast loading, lean and mean web page.</p>
<p>George Peirson is a successful Entrepreneur and Internet Trainer. He is the author of over 30 multimedia based tutorial training titles covering such topics as Photoshop, Flash and Dreamweaver. To see his training sets visit http://www.howtogurus.com </p>
<p>Article copyright 2005 George Peirson </p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/the-three-principles-of-html-code-optimization-2005-06/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Mobile Launches</title>
		<link>http://www.webpronews.com/google-mobile-launches-2005-03</link>
		<comments>http://www.webpronews.com/google-mobile-launches-2005-03#comments</comments>
		<pubDate>Sat, 12 Mar 2005 19:17:16 +0000</pubDate>
		<dc:creator>Nick Wilson</dc:creator>
				<category><![CDATA[Search]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[Froogle]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=15805</guid>
		<description><![CDATA[A Threadwatch reader, Michel emailed me a little earlier to point out that mobile.google.com had apparently, and very quietly launched.
]]></description>
			<content:encoded><![CDATA[<p>A Threadwatch reader, Michel emailed me a little earlier to point out that mobile.google.com had apparently, and very quietly launched.</p>
<p><img src="http://mobile.google.com/images/mobile.gif" align="right">Link: <a href="http://mobile.google.com/">mobile.google.com</a></p>
<p>I&#8217;ve spent the last half an hour hunting around for mention of this and at least according to my searches, it is brand spanking new.<br />
Accessing and Using Google Mobile</p>
<p>You can access Google Mobile by simply navigating to the normal Google home page. Presumably it detects you&#8217;re on a mobile phone and displays the <a href="http://www.google.com/xhtml">correct formatting</a> for you. You can see how it looks in a web browser by going to <a href="http://www.google.com/xhtml">www.google.com/xhtml</a></p>
<p>What you can do..</p>
<p>You can use Google Mobile for:</p>
<li><a href="http://mobile.google.com/mobilesearch.html#websearch">Web Search</a></li>
<li><a href="http://mobile.google.com/mobilesearch.html#image">Image Search</a></li>
<li><a href="http://mobile.google.com/mobilesearch.html#advanced">Advanced Search</a></li>
<p>Other services such as <a href="http://froogle.google.com/">Froogle</a> and <a href="http://gmail.google.com/">Gmail</a> are not available right now. There an extensive <a href="http://mobile.google.com/faq.html">FAQ</a> however.</p>
<p>You can also <a href="http://mobile.google.com/partner.html">Add Google Mobile to your site</a>.</p>
<p>Looks good doesn&#8217;t it?</p>
<p>Thanks  <a href="http://eltelendro.blogspot.com/">El Telendro</a></p>
<p><img src="http://mobile.google.com/images/cookie.gif" /></p>
<p><a name="nick"></a><a href="http://www.threadwatch.org/">Nick Wilson</a> is the publisher and founder of <a href="http://www.threadwatch.org/">Threadwatch.org</a>. </p>
<p>
Threadwatch is a group blog, or forum if you prefer, focusing on Marketing and Related Technologies &#8211; News and discussion for those that make their living on the WWW &#8211; <a href="http://www.threadwatch.org/user/register">Register here</a> to participate.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/google-mobile-launches-2005-03/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formatting Your Ezine with TextPad</title>
		<link>http://www.webpronews.com/formatting-your-ezine-with-textpad-2003-08</link>
		<comments>http://www.webpronews.com/formatting-your-ezine-with-textpad-2003-08#comments</comments>
		<pubDate>Wed, 20 Aug 2003 18:02:05 +0000</pubDate>
		<dc:creator>Pamela Heywood</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[formatting]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=7162</guid>
		<description><![CDATA[One of the questions I am most often asked is how to format ezines. I always use TextPad for these, to format articles and a multitude of other email offerings. This software *fixes* hard line breaks so that everything comes out looking neat. It's a tool I would be lost without.
]]></description>
			<content:encoded><![CDATA[<p>One of the questions I am most often asked is how to format ezines. I always use TextPad for these, to format articles and a multitude of other email offerings. This software *fixes* hard line breaks so that everything comes out looking neat. It&#8217;s a tool I would be lost without.</p>
<p>(You can get a free download of the evaluation version here:<a href="http://www.textpad.com"> http://www.textpad.com</a> This is fully working.)</p>
<p>I found it a little confusing to configure at first and had to ask for instructions, so here they are for you in case you haven&#8217;t found the *secret* yet &#8230;</p>
<p>From the top menubar pick Configure, then Preferences</p>
<p>A box will have poped up. In there, choose Document Classes (Click the little + to the left of that category to expand it.)</p>
<p>Next click on the word &#8220;Text&#8221; within the list of choices in that section.</p>
<p>The right hand part of the box should now have changed. You should see a place at the bottom right there where it says &#8220;Word break at column number&#8221;</p>
<p>Click to put a tick in the box to the left of that statement.</p>
<p>Type 60, 65 or however many characters per line you wish in the little box to the right of the statement. 65 is probably &#8220;industry standard&#8221;. I like 60.</p>
<p>Click OK<br />
You should now be set up correctly.</p>
<p>In use, there are a couple of other things you need to be aware of:</p>
<p><b>1. </b>To make the formatting work in each individual document, you need to depress (to the IN position) the little button that is along the second to top row of the menubars. It looks like a &#8220;squiggle&#8221; or an S backwards.</p>
<p>If, for instance, you have pasted in some text that was previously formatted at more than your set number of characters, it will then instantly show up the &#8220;funny&#8221; breaks, which you can manually correct, or it will automatically format the new text you type.</p>
<p><b>2.</b> Also, and this may seem obvious, but you MUST save the document in TextPad first to *fix* in the breaks, before you copy and paste the text to either your email program or your online message posting box for your ezine distribution.</p>
<p>Saving adds necessary, but invisible to you, code for the hard line breaks. If you do not save your work first, it will look right to you in TextPad, but will not be right when it is sent by email.</p>
<p>Happy Formatting!</p>
<p>There is also an online formatting facility:<br />
FormatIt: <a href="http://www.jbmckee.com/formatit/index.html">http://www.jbmckee.com/formatit/index.html</a></p>
<p>For a great online tutorial on formatting, which also has screenshots on how to use TextPad:<br />
<a href="http://www.marketing-seek.com/hop/format.shtml">http://www.marketing-seek.com/hop/format.shtml</a></p>
<p>Copyright  2003 Pamela Heywood<br />
Get All Good Things for Your Personal and Business Success<br />
My short, weekly, newsletter brings you help &#038; resources you can use today &#8230; Subscribe mailto:allgoodthings@sendfree.com<br />
Or visit: http://www.pamela-heywood.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/formatting-your-ezine-with-textpad-2003-08/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cascading Style Sheets (CSS); Formatting Lists</title>
		<link>http://www.webpronews.com/cascading-style-sheets-css-formatting-lists-2003-07</link>
		<comments>http://www.webpronews.com/cascading-style-sheets-css-formatting-lists-2003-07#comments</comments>
		<pubDate>Tue, 08 Jul 2003 22:29:17 +0000</pubDate>
		<dc:creator>Will Bontrager</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[formatting]]></category>
		<category><![CDATA[lists]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=5581</guid>
		<description><![CDATA[This article will show you how you can change the style of individual lists, all lists on your page, and all lists on your entire web site by changing just a few things on your style sheet.
]]></description>
			<content:encoded><![CDATA[<p>This article will show you how you can change the style of individual lists, all lists on your page, and all lists on your entire web site by changing just a few things on your style sheet.</p>
<p>By changing one word in your global style sheet, for example, you can change all your web site&#8217;s ordered lists style type from lower-case roman numeral to upper-case alphabet.</p>
<p>If you&#8217;re unfamiliar with CSS, please read the &#8220;Cascading Style Sheets (CSS); Getting Started&#8221; and &#8220;&#8230;Learning More&#8221; articles, both linked from the archives index page at <b><a href="http://willmaster.com/possibilities/archives/">http://willmaster.com/possibilities/archives/</a></b></p>
<p>Some CSS styles render differently according to the browser. When you use CSS, test your pages with the major browsers to become familiar with what most of your users will see.</p>
<p>To work with this article, use a web page like this:</p>
<p><b>&lt;html&gt;<br />
&lt;head&gt;</p>
<p>&lt;style type=&#8221;text/css&#8221;&gt;<br />
&lt;!&#8211;<br />
OL {<br />
list-style-type: decimal;<br />
list-style-position: outside;<br />
}<br />
&#8211;&gt;<br />
&lt;/style&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;</p>
<p>&lt;ol&gt;<br />
&lt;li&gt;One,&lt;br&gt;two,&lt;br&gt;or three.&lt;/li&gt;<br />
&lt;li&gt;Four,&lt;br&gt;five,&lt;br&gt;or six.&lt;/li&gt;<br />
&lt;li&gt;Seven,&lt;br&gt;eight,&lt;br&gt;or nine.&lt;/li&gt;<br />
&lt;/ol&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</b></p>
<p>The breaks within the list item lines demonstrate how line wraps will appear, without having to use long lines to see the effect.</p>
<p>Notice the two style properties for the ordered list tag OL. Later, we&#8217;ll introduce a third, one to use an image as item bullets.</p>
<p>The example could also be a UL tag; both OL and UL can be styled the same ways.</p>
<p><b>list-style-type: square;</b></p>
<p>The first property is &#8220;list-style-type&#8221;. The example specifies &#8220;decimal,&#8221; but other values are available. Here is a list:
<ul>
<li><b>decimal</b><br />
Causes the list to be numbered with decimal numbers; 1., 2., 3., etc. This is most browser&#8217;s default for ordered lists.</li>
<li><b>lower-roman</b><br />
Causes the list to be numbered with lower-case roman numerals; i., ii., iii., etc.</li>
<li><b>upper-roman</b><br />
Causes the list to be numbered with upper-case roman numerals; I., II., III., etc.</li>
<li><b>lower-alpha</b><br />
Causes the list to be labeled with lower-case alphabet characters; a., b., c., etc.</li>
<li><b>upper-alpha</b><br />
Causes the list to be labeled with upper-case alphabet characters; A., B., C., etc.</li>
<li><b>disc (not &#8220;disk&#8221;)</b><br />
Causes the list to be bulleted with a disc character, a filled circle. This is most browser&#8217;s default for unordered lists in the first level.</li>
<li><b>circle</b><br />
Causes the list to be bulleted with a circle character, an outlined circle.</li>
<li><b>square</b><br />
Causes the list to be bulleted with a square character, whether outlined or filled depends on the browser. This is most browser&#8217;s default for unordered lists in second and subsequent levels.</li>
<li><b>none</b><br />
Causes the list to have no label or bullet. The effect is like a left paragraph indent.</li>
</ul>
<p>Some of the above can be specified without the use of CSS, as an attribute in the UL or OL tag. The UL tag can have a <b>style=&#8221;disc&#8221;</b> attribute, for example, and the OL tag can have a <b>style=&#8221;i&#8221;</b> attribute for lower-case roman numerals.</p>
<p>The advantage of using CSS is that all lists on a page or on an entire web site can be changed by changing only one style sheet. And, with CSS, an ordered list can be made to use bullets and an unordered list can be made to sport labels.</p>
<p><b>list-style-position: outside;</b></p>
<p>The second property in the example, &#8220;list-style-position&#8221;, has an &#8220;outside&#8221; value. &#8220;outside&#8221; is the default. One other value is available, &#8220;inside&#8221;.</p>
<p>&#8220;outside&#8221; causes the hanging indent you see with most lists on web pages. The label or bullet extends left of the content block and, if the lines wrap, second and subsequent lines hang to the right and below the label or bullet.</p>
<p>A value of &#8220;inside&#8221; causes the label or bullet to shift toward the right and to be the first character of the first line of the content block. The content block is still indented left, like it would be with &#8220;outside&#8221;.</p>
<p><b>list-style-image: url(image.jpg);</b></p>
<p>The &#8220;list-style-image&#8221; property is not in the example above, because it replaces the &#8220;list-style-type&#8221; property. To try it, replace  </p>
<p><b>list-style-type: decimal;</b></p>
<p>with</p>
<p><b>list-style-image: url(image.jpg);</b></p>
<p>Replace the image URL between the parenthesis with your own. The URL can be a relative URL or an absolute http://&#8230; URL. If you have reason to believe the location of the image file will change relative to your page, or if your page is used as a template by a CGI script, an absolute http://&#8230; URL is preferred. With relative URLs, if the relativity changes, then the URL link is broken.</p>
<p>The &#8220;list-style-image&#8221; property lets you use your own image as the bullet of a list.</p>
<p>Of the browsers I&#8217;ve tested (Windows platform only), all align the bottom of the image where the bottom of the bullet character would have been. The image extends upward from there.</p>
<p>One browser I tested (IE 5), displayed the entire image when the image was wider than the space the bullet character would have used. The beginning of the text on the first line is shifted toward the right to accommodate the image.</p>
<p>Opera 6 and Netscape 6.2 and 7.0, displayed only the left portion of the image when the image was wider than the space the bullet character would have used.</p>
<p>Opera 5 and Netscape 4.7 don&#8217;t recognize the &#8220;list-style-image&#8221; property, instead reverting to the list&#8217;s default label or bullet.</p>
<p>Because the differences in handling of images as bullets, I recommend that the images be no wider than the space the bullet character would have used.</p>
<p>Those are some of the things you can do with list labels and bullets. For methods of implementing color and images as backgrounds for your lists, see the two &#8220;Cascading Style Sheets (CSS); Backgrounds&#8230;&#8221; articles linked from <b><a href="http://willmaster.com/possibilities/archives/">http://willmaster.com/possibilities/archives/</a></b></p>
<p>Will Bontrager</p>
<p>&#8220;WillMaster Possibilities&#8221; ezine</p>
<p>http://willmaster.com/possibilities/</p>
<p>mailto:possibilities@willmaster.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/cascading-style-sheets-css-formatting-lists-2003-07/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Your E-zine 13  A Formatting Checklist</title>
		<link>http://www.webpronews.com/your-ezine-a-formatting-checklist-2003-06</link>
		<comments>http://www.webpronews.com/your-ezine-a-formatting-checklist-2003-06#comments</comments>
		<pubDate>Thu, 26 Jun 2003 13:36:11 +0000</pubDate>
		<dc:creator>Alexandria K. Brown </dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[formatting]]></category>

		<guid isPermaLink="false">http://www.webpronews.com/?p=5238</guid>
		<description><![CDATA[While sending out a text e-zine may seem like a piece of cake, there's more to it than you may think. *Good formatting* is the name of the game. Here's a handy checklist I use to make sure each of my issues is in great shape BEFORE I send it out. Please be my guest and use it for yourself!
]]></description>
			<content:encoded><![CDATA[<p>While sending out a text e-zine may seem like a piece of cake, there&#8217;s more to it than you may think. *Good formatting* is the name of the game. Here&#8217;s a handy checklist I use to make sure each of my issues is in great shape BEFORE I send it out. Please be my guest and use it for yourself!</p>
<p><b>1. Are all lines 65 characters or less?</b></p>
<p>More than that and your missive may come through looking messy to many subscribers. End each line with a hard return by pressing the &#8220;enter&#8221; key.</p>
<p><b>2. Have you made sure there&#8217;s no auto-formatting, such as bolding, italics, or underlining?</b></p>
<p>These features don&#8217;t translate well in e-mail and can come out looking mighty strange on the other end. Instead, emphasize words or phrases with *asterisks,* &#8220;quotation marks,&#8221; or ALL CAPS &#8230; sparingly. </p>
<p><b>3. Are all sections neatly separated?</b></p>
<p>Use underscores (_____), asterisks (******), another nifty symbol ($$$$$, %%%%, @@@@), or a combination thereof (<<==>>) to help define each area and help your readers skim your issue more easily.</p>
<p><b>4. Do all Web links include &#8216;http://&#8217; before them?</b></p>
<p>Some e-mail programs won&#8217;t automatically hyperlink a URL in your text without this prefix. So don&#8217;t take a chance &#8211; make it easy for your readers to click and link, especially to YOUR site!</p>
<p><b>5. Do all e-mail links include &#8220;mailto:&#8221; before them?</b></p>
<p>Same idea here: Some e-mail programs won&#8217;t automatically hyperlink an e-mail address in your text without it. Be sure to leave no space between the colon and the first character of the address.</p>
<p><b>6. Is your masthead at the very top?</b></p>
<p>The masthead, or &#8220;nameplate,&#8221; typically features your e-zine name, your name, your e-mail address, your Web address, and the correct date, volume number, and issue number. Make it the FIRST thing your readers see. </p>
<p><b>7. Have you reminded your readers right away that this is a *subscription* publication?</b></p>
<p>Don&#8217;t let them forget that they *asked* to receive this! Something like this right under your masthead will do: &#8220;You&#8217;ve received this e-zine because you subscribed to it! If you wish to unsubscribe, please scroll to the end for more information.&#8221;</p>
<p><b>8. If you have a table of contents (TOC), do its listings match this issue&#8217;s articles and features? </b></p>
<p>For example, if your TOC says your second feature in this issue is an article on Web site marketing, make sure it&#8217;s right!</p>
<p><b>9. Have you included a copyright notice? </b></p>
<p>At the end of your content, before your contact info, post &#8216;(c)&#8217; immediately followed by the year and your name or your company&#8217;s name. You should know that a copyright notice does not protect your ideas &#8211; instead, it protects the way you express them.</p>
<p><b>10. Are the correct advertisements in place?</b></p>
<p>Keep track of all your ad swaps and purchases in one main document to make this easy to look up each time. I use an Excel spreadsheet, which works great for me. </p>
<p><b>11. Do you give clear subscribe and unsubscribe instructions at the bottom?</b></p>
<p>Include subscribe instructions, because your e-zine will likely get passed on to others who&#8217;d like to sign up. The unsubscribe instructions are just BECAUSE &#8211; it&#8217;s plain courtesy, and the law of the land. : )</p>
<p><b>12. Does your subject line include both the name of your e-zine and the issue topic?</b></p>
<p>By seeing your e-zine title, your recipients will know the e-mail is not spam. And by seeing the issue topic, they will know what&#8217;s in store for this issue. Example: &#8220;Sara&#8217;s Cash Flow Tips: Increase Your Income Today!&#8221;</p>
<p><b>13. Have you sent a test of the issue to yourself or an associate?</b></p>
<p>Make sure it comes through reading well and looking great! (Check for any strange symbols that magically appear, odd breaks in the copy, inactive links, etc.) And this is a GREAT time to give it a final proofread.</p>
<p>Alexandria K. Brown, &#8220;The E-zine Queen,&#8221; is author of the award-winning manual, &#8220;Boost Business With Your Own E-zine&#8221; and the publisher of the e-zine, &#8220;Publish for Profits.&#8221; To learn more about her book and FREE tips, teleclasses, and resources, visit http://www.EzineQueen.com. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.webpronews.com/your-ezine-a-formatting-checklist-2003-06/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 1/45 queries in 0.021 seconds using memcached
Object Caching 665/766 objects using memcached

Served from: webpronews.com @ 2012-02-12 22:54:32 -->
