How to embed a Voki into your blog

Voki is a nice website that allows you to create custom avatars that speak. Simply register for free at the site and create your avatar. Once finished you can add a voice either by typing and using the voice engines built into the site, or by using a USB microphone and recording it. Alternatively you can use another recording made elsewhere and upload it to the site.

 

  • Poetry
  • Class News
  • Welcome to our blog
  • Story reading

 

Embedding into the blog is simple:

1) Select Javascript from the “Embed in” dropdown menu;
2) Choose a size for the Voki;
3) Click “Get code” and copy the code in its entirety;
4) In your blog post, click on the HTML tab and paste the code in. Publish


Get a Voki now!

11 thoughts on “How to embed a Voki into your blog

  1. Mike Hoban
    January 19, 2008 at 7:26 pm

    Hi John
    I’ve just been trying to embed a voki to my blog. Went through all the steps above but only ended up pasting a link to voki website on my blog- any suggestions!

    Thanks
    Mike St. Andrews

  2. January 19, 2008 at 8:28 pm

    Hi Mike, did you get the quote mark at the end of the path? Check carefully, if that didn’t work, send me a link to your voki and I’ll have a look.

  3. Mike Hoban
    January 20, 2008 at 3:09 pm

    Thanks John,
    I followed each step but didn’t get a quote mark. I don’t know if after step 7 my voki should appear on my web page or if I need to do something else. Do I need to publish the full code? I have only published the path as shown above.
    Thanks

  4. January 20, 2008 at 8:15 pm

    Hi Mike, can you send me a link to your blog and to your Voki? I’m assuming that You’ve got the Flash plugin mentioned in step 5?

  5. February 8, 2008 at 3:04 am

    Please help…
    In my Text widget I cannot make anything work… anything but text. Not even embed codes.

    Also, there is no flash button in my editor. How can I have it, any suggestions?

  6. February 8, 2008 at 8:34 am

    Hi, for most of the things mentioned you need to install “plugins” to your Worpress installation to extend functionality. I’ve already done that bit for my users.
    There is a library at: http://wordpress.org/extend/plugins/ but you need to have access to your server to install them correctly. Good luck

  7. February 9, 2008 at 2:16 am

    Hi John,
    I have a free account at wordpress.com – that means I cannot install the plugins, I suppose… Is that so?

    JL

  8. February 9, 2008 at 12:54 pm

    I guess that’s the case. Can you send me a link to your blog? If you are an educationalist I might be able to offer you a blog on Creative Blogs.

  9. Charlotte
    April 16, 2009 at 8:37 am

    I think I am having the same problem as Mike above. I have the wordpress code and each time I embed it just posts a link to the voki site. Do I post the whole code or not?

  10. April 16, 2009 at 9:06 am

    Hi Charlotte, assuming you have Java enabled on your blog, choosing the “Other (JavaScript)” code and pasting that in its entirety should work. Make sure you post it under the HTML tab if you are putting it into a post, or, if pasting into a text widget, try updating before closing the widget window. Where’s your blog hosted?

  11. Adrian
    July 22, 2011 at 3:31 pm

    Hello,

    I had my class of 5th Graders each make a Voki and save the html code into a Google Doc for me to use later.

    Now, I am trying to embed each Voki html into my blog. However, once I get a few in, all the Voki Avatars start repeating. The Voki characters are all copies of the first one I copy and pasted. Any suggestions?

Leave a Reply

Your email address will not be published. Required fields are marked *

Current ye@r *