Adding Forms to posts

A relatively new feature on are forms. You have been able to add a poll to a post for some time via the Polldaddy button but now you can add a form to post using the last button on the media bar (next to the polldaddy button) above the text input box:

Add media buttons

The obvious form to create would be a contact form to collect readers details but as you can add many different sections they can be used to collect lots of different sorts of information:

This is clearly adding functionality similar to Google Forms and Survey Monkey and although it is not as functional as these other forms (e.g. no multiple choice boxes) it is a nice start and could be an excellent solution for straight forward form especially as it is so easy to add in to a blog post.


Creating Social Badge Widgets for a Hosted Blog

I was recently asked about my small collection of social badges on the top of my blog in the sidebar. These are created by the excellent WordPress plugin SocialGrid:


The question related to how to get a similar grid for blogs which are hosted on like the ‘Training Blog’ you are reading. Although essentially the same software, as I host my own WordPress blog, I can add plugins like SocialGrid but on a hosted blog you can not install plugins. You only have the options of the widgets available. You can add your own code to a widget via the basic but very flexible ‘Text Widget’ although it will not allow javascript which many of the social sites use to create collections of badges. However it does allow you to write your own HTML code (the language of web pages) so I thought I would have a go at recreating my SocialGrid style badges in a HTML table for even using the same great social media icons which are freely available (feel free to leave them a donation).

I have a few sites but used this one I set up for some training courses put on by OutserveWeb the web training company I work for. The end result looked like this and I have put the code below if it helps anyone.


Change the links and the image urls of course and copy the code into the text widget and drag to your sidebar, images can be uploaded directly through the Media options in your blog. It should be relatively easy to change the grid from 2 x 4 or use other or different size icons.

HTML code:

<td><a href=""> 
<img class="aligncenter size-full" title="twitter" src="" alt="twitter" width="32" height="32" /></a></td> 
<td><a href="">
<img class="aligncenter size-full" title="facebook" src="" alt="" width="32" height="32" /></a></td> 
<td><a href="">
<img class="aligncenter size-full" title="linkedin" src="" alt="linkedin icon" width="32" height="32" /></a></td> 
<td><a href="">
<img class="aligncenter size-full" title="Youtube icon" src="" alt="Youtube" width="32" height="32" /></a></td> 
<td><a href="">
<img class="alignnone size-full" title="delicious" src="" alt="delicious" width="32" height="32" /></a></td> 
<td><a href="">
<img class="alignnone size-full" title="flickr" src="" alt="flickr" width="32" height="32" /></a></td> 
<td><a href="">
<img src="" alt="google icon" title="google icon" width="32" height="32" class="size-full" /></a></td> 
<td><a href="">
<img class="alignnone size-full" title="friend" src="" alt="rss icon" width="32" height="32" /></a></td> 

BTW if you want to show code in your blog post as above on you will need to use the sourcecode tags otherwise it with be see as HTML and translated by the Web Browser

Adding your posts to your Facebook Page

This post should show you how to post any publicly readable RSS reed to a “Facebook Page”. There are many ways to add RSS updates to your personal profile but to add to Facebook Business Page.

  1. First find your WordPress Blog’s RSS feed If this is a WordPress hosted blog on then if your blog is then feed is usually You can always test this by putting your blog address followed by “/feed” in your browser’s address bar and you should see a list of your last posts
  2. On you Facebook Page click edit pageedit-page
  3. From the list of applications go down no “Notes” and click Edit.Edit Notes
  4. From left hand side again click “Edit import Settings”edit-import-settings
  5. Finally enter the RSS feed address we found at number 1 into the RSS box.enter-RSS-URL

This should work for any RSS feed but unfortunately it will only work for as there is no option currently to add another RSS feed after the first.

Tweet Button Option on

Sharing>Settings* Update* 24 August 2010 have added even more sharing options including Facebook, Stumbleupon and Digg and all of these including Twitter are now setup in Settings> Sharing. Once selected all of these items are added to the end of your blog post to allow sharing to these social media sites.

Quick update. Recently Twitter launched their own ‘Tweet Button’ for blogs and other sites. These type of buttons  have been available for sometime from 3rd part providers such as Tweetmeme but this is the first time that Twitter has supplied their own.

Appearance Menu


The great news is that have implemented this into all of their hosted blogs so it can be added by a tick of a box. The tick box is located under the Appearance Menu on the Extras Option.

On the Extra’s options tick the last option to show the “Tweet Button”:

Extras Options

Now on the bottom of the each post you will see a small button like:

Tweet Button

Tweet Button

Any user clicking this button will create an automatic tweet of the blog post title and a link back to your blog ready to post to Twitter as below:

Tweet ScreenHaving this button should hopefully encourage users to tweet your blog posts and this can then generate more visits to your blog.

Embed Audio, Images and Video Media in a

Long lists of text posts are not attractive and are thought not to entice a reader so it is recommended to embed media into a post even if it is just a related (however loosely) picture. From the upload/insert bar (above the main toolbar) you can upload:



image credit

A picture can be very effective in making a post more eye catching even if the image only has an indirect link to what the post is about. If you are short of good images they can be purchased relatively cheaply from Stockphoto sites like istockphoto or alternatively you can use the creative commons images from Flickrnormally without cost except attribution to the owner (best to check all licenses before using especially if you are using commercially)


If you have video files then these can be uploaded and embedded in a post if you have paid for the video upgrade but far more popular is embedding a video which is being hosted on another site such as youtube.

The URL (web address) of the video can be entered directly into the upload Video>’From URL’ tab (Below)

upload video

Then the Video will display and can be viewed on your blog:


Audio can be embedded by adding the tag to a hosted  mp3 file  which would result in an embedded audio file which can be played on the site like this:


As well as embedding the above media you can also embed polldaddy polls. See this post.

The WYSIWYG editor in

When entering a new post for on the website you will be using their WYSIWYG editor with a main row of icons. Some of the icons will be familiar to you is you are used to using word processors . The main buttons are explained in order below

WYSIWYG editor



Strike through

  • Bulleted
  1. Numbered

Blockquote – normally used for text quoted from a person or  website

Formatted Left


Formatted Right

Link to another site or page  e.g.

Break the link  –

Continue reading

Mobile Applications for

Finding the time to update your blog can be difficult at the best of times. If only you could update your blog in those moments when you have spare time say when you are stuck on a train or even in a slow moving queue. Well now you can, if you have a smart phone, from a  mobile application for

WordPress has some of the best support for mobile applications including:

WordPress Application for iPhone:

WordPress Application for Blackberry:

WordPress Application for Android: