Any font you like :-)

http://www.aquoid.com/forum/viewtopic.php?f=4&t=4908

TTFtitles – brilliant!!

Website Developer Tools for Firefox

Firebug: I use this all the time
https://addons.mozilla.org/en-US/firefox/addon/1843/

This is a measuring tool.
https://addons.mozilla.org/en-US/firefox/addon/539/

This is a colour tool.
https://addons.mozilla.org/en-US/firefox/addon/271/

Great Solution for 2 or 3 Columns with a wordpress page or post

http://mattdanner.net/two-column-lists-using-html/

I know there are a million methods of breaking a list into two columns, but many of them involve additions to the CSS or new tables to be created.  But I like a different way.  The markup is all html, and it can easily be used in WordPress posts (using the view HTML tag at the top of the post editor).  The markup is pretty simple.  It is basically just two divs, one floated left and one floated right, with each only getting a percentage of the container.  Below is the markup in real time.

<div style="float: left; width: 50%;">
<ul>
<li>Left Item 1</li>
<li>Left Item 2</li>
<li>Left Item 3</li>
<li>Left Item 4</li>
<li>Left Item 5</li>
</ul>
</div>
<div style="float: right; width: 50%;">
<ul>
<li>Right Item 1</li>
<li>Right Item 2</li>
<li>Right Item 3</li>
<li>Right Item 4</li>
<li>Right Item 5</li>
</ul>
</div>

If you want three columns set the width to 33% and float left left and right

White space and wordpress

Usually the wordpress editor will strip out any white space formed by just adding enter or using <br>.

To leave a few lines try this

<div style=”padding-bottom: 6em;”>TEXT HERE.</div>

Giving WordPress Its Own Directory

When building a website I will often work on it in seperate folder

eg www.buildyourwebsite.co.nz/test

No one will know it is there if you turn off  the “Blog Visibility” in the privacy settings. When the website is ready to launch I use this article to move it to the site root.

http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

Adding Google Analytics Code to your website

As well as the wordpress stats plugin, I use Google Analytics for getting statistics for a website.

In order to validate your website you need to add some code:

Go to Appearance then (Theme) Editor and find the header.php or footer.php file (I used the footer).

Then paste your code above the < / body > code
Update that theme file

A links Template page for wordpress

Instructions http://www.bloggingtips.com/2007/03/13/creating-a-links-page-in-wordpress/

but I needed this page also

http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

but I am not a coder as such.

The result

http://www.afterlife.co.nz/free-resources/other-links-of-interest/

I included all the content code because then I can introduce the page or write other text and it will be included.

Building Thumbnail Images of screenshots

Adding thumbnails can make data presentation more attractive to your website visitors. I like to add a thumbnail of the screenshot of a website I am writing about.

www.websnapr offers this as a free service.  Just pop in the URL address and click the buttom. I use save image as ( right click).
“websnapr lets you capture screenshots of (almost) any web page. Allow your visitors to instantly visualize any web page before clicking. Increase site traffic, click-through rate and site stickiness.”

Upload the saved image to your wordpress site. Change the link URL to the image website and don’t forget to check the target button on the bottom of the advanced image options so the website opens on a new page.

Writing Footnotes

In the html section you write

<a name="id1" href="#ftn.id1">[1]</a>

This will display as footnote

[1]

and then at the end where the footnote goes

 <a name="ftn.id1" href="#id1">[1]</a>

[1] footnote