<?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>Online Marketing Services &#38; Business Website Design &#187; HTML Tips for Bloggers</title>
	<atom:link href="http://om4.com.au/category/blog-html/feed/" rel="self" type="application/rss+xml" />
	<link>http://om4.com.au</link>
	<description>Find customers. Convert online.</description>
	<lastBuildDate>Wed, 16 May 2012 03:55:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Removing the WordPress Post URL button</title>
		<link>http://om4.com.au/removing-post-url-wordpress/</link>
		<comments>http://om4.com.au/removing-post-url-wordpress/#comments</comments>
		<pubDate>Fri, 07 May 2010 04:06:44 +0000</pubDate>
		<dc:creator>Glenn</dc:creator>
				<category><![CDATA[HTML Tips for Bloggers]]></category>

		<guid isPermaLink="false">http://om4.com.au/?p=1432</guid>
		<description><![CDATA[Recently James has adjusted the OM4 platform to remove a little known (but often confusing) WordPress feature. If you&#8217;ve been used to uploading images and inserting them in to your WordPress posts and pages using Add an Image, you may realise you can turn images into links using the Link URL field. You can type [...]<p><br/><br/><a href="http://om4.com.au/removing-post-url-wordpress/">Removing the WordPress Post URL button</a></p>
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fom4.com.au%2Fremoving-post-url-wordpress%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fom4.com.au%2Fremoving-post-url-wordpress%2F&amp;style=compact&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Recently James has adjusted the OM4 platform to remove a little known (but often confusing) WordPress feature.</p>
<p>If you&#8217;ve been used to uploading images and inserting them in to your WordPress posts and pages using <strong>Add an Image</strong>, you may realise you can turn images into links using the <strong>Link URL</strong> field.</p>
<p>You can type any link into the Link URL field. By default WordPress offers you three buttons underneath this field &#8211; None (which clears the field), File URL and Post URL.</p>
<p>Clicking the File URL button will put in a link to the full sized image. So if you display a thumbnail, clicking the thumb shows you a full sized version of the image. Which is what is required for 99% of the time.</p>
<p>The Post URL button &#8230; that gets more funky, and it is the Post URL button that we&#8217;ve removed from our OM4 theme.  You can still use the WordPress feature if you want, but you&#8217;ll need to do it manually.</p>
<p>What the Post URL button does is a mystery to most WordPress users I think. On WordPress.com, their <a href="http://en.support.wordpress.com/images/">help page</a> just says &#8221; Click the Post URL button to have the image linked to its attachment page.&#8221; Say what?</p>
<p>What happens if you use the Post URL link is that WordPress will automatically create a virtual page for the attachment. It displays the attachment image, title AND description (this is one of the few places where the mysterious WordPress Image Description is used), and then provides a Comments section allowing visitors to comment on the image. Whew!</p>
<p>In practice, using the Post URL:</p>
<ul>
<li>suppresses the &#8216;click to display full size&#8217; functionality, which we implement with Shutter Reloaded</li>
<li>creates duplicate URL issues that often interfere with attempts to display the image or attachment itself</li>
</ul>
<p>Because it is such an infrequently used facility (and so little understood), and because of the problems it creates, we just switched it off to avoid the confusion in the first place.</p>
<p><br/><br/><a href="http://om4.com.au/removing-post-url-wordpress/">Removing the WordPress Post URL button</a></p>
<fb:like href='http://om4.com.au/removing-post-url-wordpress/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://om4.com.au/removing-post-url-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Are you using the new and improved visual editor?</title>
		<link>http://om4.com.au/are-you-using-the-new-and-improved-visual-editor/</link>
		<comments>http://om4.com.au/are-you-using-the-new-and-improved-visual-editor/#comments</comments>
		<pubDate>Thu, 10 Jul 2008 00:00:12 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[HTML Tips for Bloggers]]></category>
		<category><![CDATA[OM4 Features]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[visual editor]]></category>
		<category><![CDATA[wordpress 2.5]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://om4.com.au/?p=421</guid>
		<description><![CDATA[It&#8217;s been a month since all OM4 websites were upgraded with a new dashboard design and features, and I&#8217;d like to ensure that you&#8217;re getting the most from the new and improved visual editor. The new editor has two tabs &#8211; Visual and HTML. If your text editor doesn&#8217;t have the Visual and HTML tabs [...]<p><br/><br/><a href="http://om4.com.au/are-you-using-the-new-and-improved-visual-editor/">Are you using the new and improved visual editor?</a></p>
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fom4.com.au%2Fare-you-using-the-new-and-improved-visual-editor%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fom4.com.au%2Fare-you-using-the-new-and-improved-visual-editor%2F&amp;style=compact&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://om4.com.au/wp-content/uploads/new-improved-visual-editor.png"><img class="alignright size-medium wp-image-439" title="new-improved-visual-editor" src="http://om4.com.au/wp-content/uploads/new-improved-visual-editor-350x120.png" alt="Wordpress New Improved Visual Editor" width="350" height="120" /></a>It&#8217;s been a month since all OM4 websites were <a href="http://om4.com.au/new-dashboard-design-and-features/">upgraded with a new dashboard design and features</a>, and I&#8217;d like to ensure that you&#8217;re getting the most from the new and improved visual editor.</p>
<p>The new editor has two tabs &#8211; <strong>Visual </strong>and <strong>HTML</strong>. If your text editor doesn&#8217;t have the Visual and HTML tabs (on the top right of your editor), then you probably don&#8217;t have visual editor support enabled for your user account. To turn it on, log into your Dashboard, then click on your name at the top right of the screen and  tick the <em>Use the visual editor when writing</em> checkbox. Save your profile, then you&#8217;ll have access to the visual editor.</p>
<h3>Visual Editor</h3>
<p>The <strong>visual </strong>tab allows you to more easily edit and format your blog posts and pages, and includes useful buttons on the toolbar such as bold, text alignment, improved image handling and many other features.</p>
<p>By default there is one row of toolbar buttons, but if you click the Show/Hide Kitchen Sink button on the right, you&#8217;ll be shown another row of useful buttons.</p>
<p>Another useful feature is the editor&#8217;s fullscreen mode. Clicking the Tooggle Fullscreen Mode button will expand the text editor to full screen mode &#8211; very useful for those large posts!</p>
<h3>HTML Editor</h3>
<p>The <strong>HTML </strong>tab allows you to manually edit the post or page&#8217;s HTML code. Chances are, you won&#8217;t need to use this unlesss your post or page needs to contain advanced HTML code.</p>
<h3>Questions?</h3>
<p>A great screencast showing the new features of the new editor can be found <a href="http://wordpress.org/development/2008/03/wordpress-25-rc2/">here</a>.</p>
<p>If you have any questions, please post them on the <a href="http://om4.com.au/support/">OM4 Support Desk</a>.</p>
<p><br/><br/><a href="http://om4.com.au/are-you-using-the-new-and-improved-visual-editor/">Are you using the new and improved visual editor?</a></p>
<fb:like href='http://om4.com.au/are-you-using-the-new-and-improved-visual-editor/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://om4.com.au/are-you-using-the-new-and-improved-visual-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Is Your Website Cross Browser Compatible?</title>
		<link>http://om4.com.au/is-your-website-cross-browser-compatible/</link>
		<comments>http://om4.com.au/is-your-website-cross-browser-compatible/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 01:00:31 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[HTML Tips for Bloggers]]></category>
		<category><![CDATA[OM4 Features]]></category>
		<category><![CDATA[compatability]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://om4.com.au/?p=420</guid>
		<description><![CDATA[One of the difficulties with operating your own website is ensuring that it looks consistent across all the popular web browsers. For example, your website may look and behave correctly in a recent web browser such as Internet Explorer 7 or Firefox 3, but it may not look quite right in older browsers such as [...]<p><br/><br/><a href="http://om4.com.au/is-your-website-cross-browser-compatible/">Is Your Website Cross Browser Compatible?</a></p>
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fom4.com.au%2Fis-your-website-cross-browser-compatible%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fom4.com.au%2Fis-your-website-cross-browser-compatible%2F&amp;style=compact&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>One of the difficulties with operating your own website is ensuring that it looks consistent across all the popular web browsers.</p>
<p>For example, your website may look and behave correctly in a recent web browser such as Internet Explorer 7 or Firefox 3, but it may not look quite right in older browsers such as Internet Explorer 6.</p>
<p>We are always on the lookout for cross browser compatibility issues, and apply fixes to our style sheet when necessary. For example, today I noticed a situation where <a href="http://davidwalsh.name/prevent-double-margin-padding-ie6-css-float" target="_blank">floating columns don&#8217;t look the same on IE6</a>, so I have made a slight change to the OM4 theme in order to fix the problem.</p>
<p>According to <a href="http://www.w3schools.com/browsers/browsers_stats.asp" target="_blank">W3Schools</a>, Internet Explorer 6 is still being used by 26.5% of internet users, so it is important that your website displays correctly in a variety of different web browsers.</p>
<p>Invalid HTML code is another common cause of browser incompatability. You can check your website contains valid HTML code using the <a href="http://validator.w3.org/" target="_blank">W3c&#8217;s Markup Validation Service</a>. For OM4 website owners, you can validate a page on your website by clicking the Validate link in the footer of your website.</p>
<p>A great way for you to see how your website looks in multiple web browsers is to use <a href="http://www.browsershots.org/" target="_blank">Browsershots.org</a>. If you notice that your web site looks strange in one or more browsers, feel free to <a href="/support/">contact support</a> and we&#8217;ll try and help you out.</p>
<p><br/><br/><a href="http://om4.com.au/is-your-website-cross-browser-compatible/">Is Your Website Cross Browser Compatible?</a></p>
<fb:like href='http://om4.com.au/is-your-website-cross-browser-compatible/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://om4.com.au/is-your-website-cross-browser-compatible/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Publish Your First Blog Post</title>
		<link>http://om4.com.au/blog-html-how-to-publish-first-blog-post/</link>
		<comments>http://om4.com.au/blog-html-how-to-publish-first-blog-post/#comments</comments>
		<pubDate>Sun, 09 Mar 2008 01:00:57 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[HTML Tips for Bloggers]]></category>

		<guid isPermaLink="false">http://om4.com.au/blog-html-how-to-publish-first-blog-post/</guid>
		<description><![CDATA[Participants of our latest Blog School classes have been keen to get started and publish their first blog post. I thought it would be helpful if I explained how to get started and publish your first blog post using WordPress. There are 4 basic steps to writing and publishing a blog post. Log into your [...]<p><br/><br/><a href="http://om4.com.au/blog-html-how-to-publish-first-blog-post/">How to Publish Your First Blog Post</a></p>
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fom4.com.au%2Fblog-html-how-to-publish-first-blog-post%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fom4.com.au%2Fblog-html-how-to-publish-first-blog-post%2F&amp;style=compact&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Participants of our latest <a href="/blog-school/">Blog School</a> classes have been keen to get started and publish their first blog post.  I thought it would be helpful if I explained how to get started and publish your first blog post using WordPress.</p>
<p>There are 4 basic steps to writing and publishing a blog post.</p>
<ol>
<li>Log into your site&#8217;s Administration Panel.</li>
<li>Click on the Write tab.</li>
<li>Enter your post&#8217;s title and type your post in the edit box:
<p><strong>Enter Your Post&#8217;s Title</strong><br />
The <strong>Title</strong> text field is where you enter the title of your blog post.<br />
Try to keep the title short (4 &#8211; 8 words), whilst at the same time making it eye catching enough to make your audience want to read it.</p>
<p><strong>Enter Your Post&#8217;s Content</strong><br />
The <strong>Post</strong> text field is where you enter the content of your blog post. You can enter as much or as little as you want here. A few tips:</p>
<ul>
<li><strong>Write in Small Paragraphs</strong><br />
Having your content in small (several sentence) paragraphs makes it much easier for your visitors to digest.<br />
To use paragraphs, finish your sentence and then press the enter key twice. You can then start typing again.</li>
<li><strong>Use Pictures</strong><br />
A picture is worth 1,000 words, provided it is relevant to what you&#8217;re posting about. Pictures also make your posts more interesting. We won&#8217;t be using any pictures in your first blog post, however we will later on.</li>
<li><strong>Save Your Post Regularly</strong><br />
The last thing you want is to lose your post if your computer crashes or your internet connection has problems. Your post is automatically saved every few minutes, however we also recommend clicking the <strong>Save and Continue Editing</strong> button every now and then too.
</li>
</ul>
</li>
<li>Click Publish.</li>
</ol>
<p>So come on, don&#8217;t be scared. Give it a try!</p>
<h3>How Did You Go?</h3>
<p>Did you find it difficult, or was it just as easy as using a pen and paper? </p>
<p>I suspect that for a majority of first time bloggers, <a href="http://om4.com.au/client/how-to-publish-your-first-blog-post/">more detailed instructions are required</a>.</p>
<p>I have written a more in-depth article on <a href="http://om4.com.au/client/how-to-publish-your-first-blog-post/">how to publish your first blog post</a>. Click on the link. Alternatively, you can find it (along with many other useful articles) in our <a href="http://om4.com.au/client/how-to-publish-your-first-blog-post/">OM4 Client Resources</a> section.</p>
<h3>What&#8217;s to Come?</h3>
<p>In the near future, I will be blogging about the more advanced aspects of writing blog posts. In the mean time, I recommend checking out the <a href="/client/">OM4 Client Resources</a> section, which contains an ever expanding list of topics.</p>
<p><br/><br/><a href="http://om4.com.au/blog-html-how-to-publish-first-blog-post/">How to Publish Your First Blog Post</a></p>
<fb:like href='http://om4.com.au/blog-html-how-to-publish-first-blog-post/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like>]]></content:encoded>
			<wfw:commentRss>http://om4.com.au/blog-html-how-to-publish-first-blog-post/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 disk (enhanced)

Served from: om4.com.au @ 2012-05-17 21:36:35 -->
