Uploading user and blog avatar

Print Friendly

Your avatar is an online representation of you.

Types of Avatars

There are two types of avatars:

1.  User Avatar

The user avatar is also known as your comment avatar.

You upload the user avatar via Users > Your Avatar and it displays in places where you leave comments and next to posts you publish on some themes.

Below is an example of a user avatar next to a comment.

Comment avatar

2.  Blog Avatar

The Blog avatar is uploaded via Settings > Blog Avatar and it is displayed in your sidebar when you add the Blog Avatar and on Edublogs Campus networks in the Blog Directory and Blog Listing.

Creating your avatar

Most schools don’t allow students to use photos of themselves on blogs and get their students  to create avatars that is representative of them.

Here are just some of the online tools you can use to create avatars:

  1. Build your wild self
  2. DoppelMe
  3. Dream Avatar creator
  4. Face your Manga - creates square avatars
  5. Mini-mizer - lego avatar
  6. The Hero Factory - hero avatar
  7. Mr PicassoHead
  8. Simpsons Avatar
  9. WeeMee
  10. TizMe
  11. Wimp yourself

Some students draw their avatars then take a photo of the drawing to use for their avatars.

Once you’ve created the avatar you can save the avatar by either:

  1. Right click on the avatar and select “Save Image as” or “Save Picture as” to save a copy on your computer
  2. Take a screenshot of your image (use the Snipping Tool or PrnScrn)

Avatar tips

  1. Most online avatar tools create rectangular images whereas your user and blog avatar are square.
  2. Allowed image formats are jpg, gif, and png.  For best results use jpg.
  3. We recommend you edit your avatar or photo to 200 pixels wide by 200 pixels high using an image editing program such as Picture Manager, MS Paint or iPhoto before uploading.
  4. If you still see the old avatar after uploading your new avatar it may be your web browser remembering your old image.  Hold the Ctrl key and press F5 to clear your browser cache.

Uploading your User Avatar

Uploading your comment avatar is as simple as:

1.  Resize your image to 200 pixels wide by 200 pixels high.

2.  Go to Users > Your Avatar (or Profile > Your Avatar)

Avatar page

3.  Click on Browse and locate the avatar you want to upload.

4.  Click on Upload.

Upload your avatar

5.  Expand the crop area to include your full image and click Crop image.

Crop image

6.  Now when you view a post where you’ve left a comment you will see your new comment avatar.

  1. Please note if you still see the old avatar it may be your web browser remembering your old image.
  2. Hold the Ctrl key and press F5 to clear your browser cache or right mouse click and click Refresh (Reload).

Uploading your Blog Avatar

Uploading your blog avatar is as simple as:

1.  Resize your image to 200 pixels wide by 200 pixels high.

2.  Go to Settings > Blog Avatar.

Blog Avatar page

3.  Click on Browse and locate the avatar you want to upload.

4.  Click on Upload.

Upload your avatar

5.  Move the crop area to one corner, then expand the crop area to include your full image and click Crop image.

Crop image

6.  Go to Appearance > Widgets.

Widgets page

7.  Drag the Blog Avatar widget from the Available Widgets into the desired Sidebar.

You drag by click on the widget with your left mouse and moving the widget.

Add blog avatar widget

9.  Drop the widget when you see a dashed line appear – this indicates the widget is in place.

10.  When you view  your blog you’ll now see your blog avatar displayed in the sidebar.

Edublogs Support Manager @suewaters on Twitter

Posted in Appearance & Themes, Help