They’re used to add a human element to their blogs or engage students.
But they can be a bit pesky to embed in a blog so this post explains how to add a voki to your blog sidebar.
Our next post explains how to add them to a Post or Page.
Voki enables you to create an avatar in your own voice using a talking character.
You can customize your Voki to look like you or take on the identity of different characters such as animals, monsters.
- Students can create avatars that are similar in looks or personalities and record a message that tells about themselves.
- Students can exchange these avatars with e-pals either within their own setting or anywhere in the world.
- Students can generate questions to ask their avatar e-pals.
- ESL (English as a Second Language) students can use the speaking avatars to practice and listen to their speech. They may use the computerised voice first then record their own voice when they feel more comfortable. Writing, reading and pronunciation are all practised.
- Students can create an avatar that resembles a character from a story, add a setting and give it speech. The speech could be from the story or a creative point of view (POV) from the character on an event.
Adding Voki Avatar to Your Blog Sidebar
Voki’s as added to your blog sidebar using text widgets as follows:
1. Go to Voki
2. Set up a Voki account and then create your own Voki.
3. Once you have published your Voki grab the HTML embed code as follows:
a) From drop down menu next to ‘Embed in’ select WordPress
b) From drop down menu next to ‘Size’ select Small (200 x 267) — use custom dimension of Width 170 for narrow sidebars
c) Click Get Code and copy all the HTML embed code
Tip: Fastest way is to use the ShortCut Keys Ctrl+A to select all text and Ctrl+C to copy the text
4. Go to Appearance > Widgets in your blog dashboard
5. Click on the desired Sidebar to expand (so you can add the widgets)
6. Add a text widget to the desired sidebar by dragging it from the Available Widgets into the Sidebar area on the right.
7. The widget will automatically open — just add the HTML code for your Voki, click Save and then Close.
8. You should now see your Voki in your blog sidebar!
Tips for Using Voki
- Audio is better quality and easier to add when created using Audacity
- Voki terms and conditions state you must be over 13 years to use their service
- These instructions for embedding Vokis won’t work on WordPress.com blogs due to restrictions on the types of code allowed.
We hope you enjoy creating your voki avatars and adding them to your blogs. Please let us know how you go!
Read our next post to learn how to embed a Voki avatar in a post or page.
If you are enjoying reading this blog, please consider Subscribing For Free!