Tag: customization

A Week of Divesting: Blog design

If you’re reading this in a feed reader, you might want to click through or click on the images below.

A short post, this one. I’ve been working on-and-off for the past few weeks on a new blog theme courtesy of an excellent WordPress plugin by the name of Theme Test Drive. This allows administrators (i.e. me) see a different theme when they visit this blog than non-logged in visitors (i.e. you).

Here’s the difference between the two:

Old blog theme - 'Digital Statement'

The old theme – ‘Digital Statement’

New blog theme - 'New Geeky White'

The new theme – ‘New Geeky White’

Some may say they prefer the old one. It’s certainly more ‘visual’. But I didn’t like the font and the amount of time it took to load. Serif fonts are much more pleasing on the eye and it’s certainly faster loading. Readers don’t have to click through to read the most recent post, and I don’t have to write a summary and crop pictures down to 90×90 to go next to that summary.

Taking my inspiration from the Flickr blog and Seth Godin’s blog (see images below) I pared everything down as much as possible.

Flickr blog Seth Godin's blog

I took as my starting point the (very yellow) Old Popular Yolk theme, which looks like this:

Blog theme - 'Old Popular Yolk'

It was then very easy to modify the CSS to end up with what you see now. 🙂

I’ve called this derivative theme New Geeky White. I’m no good at CSS or WordPress hacking in general, but if you really want to use the theme get in touch and it’s yours!

HOWTO: Present using Cooliris (advanced)

As promised in HOWTO: Present using Cooliris (the basics…) this post outlines more advanced options when using Cooliris as a presentation tool. It covers the following:

  1. Using a Nintendo Wiimote to control your presentation
  2. Customising the HTML page
  3. Adding titles to slides
  4. Linking to websites from slides
  5. Adding a ‘branding image’

1. Using a Nintendo Wiimote to control your presentation

WiimoteThe Nintendo Wiimote is a wonderful thing. It (potentially) connects via Bluetooth to any suitably-equipped computer. I use a Macbook Pro and a program called Darwiin Remote (free) and it couldn’t be easier to both use the buttons on the Wiimote as well as the motion-sensing element to control the cursor. If, however, you’re using Windows you’ll need Wiin Remote (free) but good luck getting your ‘Bluetooth stack’ working (try BlueSoleil – or better still, buy a Mac!) Linux users need WiiLi.

If you have no joy with the above, simply invest in something like the Kensington Si600 Wireless Presenter which will do the job – albeit in a less cool way… 😉

2. Customising the HTML page

PicLens Publisher does all the hard work for you in terms of creating the HTML page, thumbnails and RSS feed you need to present using Cooliris. However, if you want to customise your presentation to look a bit more like mine, then you’ll need to edit the HTML page produced by the program.

In keeping with my love of all things free and Open Source, I’d recommend the cross-platform program KompoZer for this. It’s got a WYSIWYG editor and is very straightforward to use! If you look at my presentations, I add the following:

  • my avatar
  • title of my presentation
  • details about me
  • link to HTML version of presentation
  • details about the presentation method (feel free to link to my posts!)
  • Creative Commons license information (at bottom)

3. Adding titles to slides

This is the bit that involves delving into code. Don’t worry though, as it’s very straightforward. You need to find the file entitled photos.rss and open it with a text editor. You should see something like this:

Piclens RSS - title highlighted

The part of the RSS feed that I’ve highlighted (between the <title> tags) is the title of each slide. This is what you need to change in order to alter the title of the slide. They’re in the order you specified when you made the presentation.

Result:

Title

4. Linking to websites from slides

This is very much like the above process of adding titles to slides, except you edit a different part of the RSS feed:

PicLens - link

The highlighted section above (between the <link> tags) is where you need to put the link to the webpage you wish to display when the relevant icon is clicked during your presentation:

Cooliris link icon

5. Adding a ‘branding image’

This is perhaps the least useful of the advanced tweaks – yet in some ways the most satisfying as it gives you ‘ownership’ of your presentation.

Cooliris - branding image

The branding image needs to have a transparent background (I used a PNG file but I suppose you could use a GIF) and no more than 26 pixels high. There’s no real limit to its width. You can add anything in there – as you can see I put the shortened link to the presentation for people to go back to. Need an image editor? Try the GIMP!

Put the image you have generated into the images sub-folder of your presentation folder. You then need to add the following to the bottom of the photos.rss file:

Cooliris - branding image RSS

I’ve highlighted the section you need to add – although of course you’ll need to change name_of_your_file.png to whatever you decided to call your branding image! 🙂

Conclusion

I think Cooliris is a great presentation tool. It’s engaging, free to create and access, and enables people to re-use parts of your presentation (if you CC-license it!)

I’d like to thank Alan Levine for pioneering this method. The blog posts he wrote that guided me are below:

Reblog this post [with Zemanta]

WordPress customization

Wordpress PluginsI’ve had a request via Skribit to share tips on how I’ve customized this blog using WordPress plugins and themes. Your wish is my command, as they say! In fact, I did something similar over at teaching.mrbelshaw.co.uk here. I still consider this blog a work in progress, but here’s how I’ve customized it so far…

Read more →

css.php