I notice many classes are starting to add class pets but some are not working properly, so I decided to write a post with step by step instructions for adding a cyber pet as a widget on your blog sidebar.

1. Go to this website which is the gallery at widgetbox.

2. Click on cyber pet.

3. Click on Bunnyhero labs


4. Choose the pet you want by clicking on it.

5. Now customize your pet by changing colour, adding a name for the pet and putting in your class name as the adopter. Change the text colour as well if you want. You should be seeing on the right of the page what your changes will make your pet look like.

6.  Make sure the number for the width is between 180 and 200 if you are putting your pet in the sidebar. Finally click on the first button  </>  This is the embed code button on many websites.

7. When the following screen appears click on the green copy button. This copies the code to your clipboard on your computer.

8. If you have done all the above steps correctly the final screen will look like this.

9. Now the last step is to copy the code into your blog widget area. Go to your blog dashboard> appearance> widgets

Drag a text box to the sidebar where you want the pet to appear. Put in a title if you want and paste in the code that is on your clipboard – use control V.

Save and then close. Go to your class blog, refresh the blog and you should now have your pet in the sidebar.


Do you know of any other great websites with widgets other than widgetbox?

What other widgets would you like on your class blog?

Many thanks to Sue Waters for telling me about the program SnagIT which I have used for the arrows and numbers on the images.  Next learning step for me will be creating a video as well.