Get your blog to speak up!

By clicking the    icon above you can have the content of the blog post to be read back to you. Not a very useful feature perhaps, but I thought it was pretty cool. The feature is provided by ReadSpeaker and is easy to implement.

First, register you on the ReadSpeaker site. The advertisement version is free but can only be used for personal websites and bloggers.

Secondly, add the script tag below in the head of your page. I’m using Community Server, so I added it to the theme masterpage.

<script 
    language="javascript" 
    type="text/javascript" 
    src="http://wr.readspeaker.com/webreader/webreader.js.php?cid=[PrivateKey]">
</script>

Then, on your page add the img tag below:

<img onclick="readpage(this.id+escape(document.location.href),1); return false;"
src="http://blogical.se/blogs/mikael/loudspeaker.png" 
id="http://wr.readspeaker.com/webreader/webreader.php?cid=[PrivateKey]&amp;t=blog_free&amp;title=readspeaker&amp;url="
title="Listen with webReader" 
alt="Listen with webReader"/>

If you want to limit the text to be read you can use the comments below:

<!-- RSPEAK_START -->
<p>
    Blog post....</p>
</p>
<!-- RSPEAK_STOP -->

btw, it’s not optimized for reading code, as you might have already found out 😉