3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website

We are happy to announce the release today of two new exciting features for our Pro and Edublogs Campus users!

Easy Image Widget

Have you ever wanted to add a badge, photo, or other image to the sidebar of your blog?

Before now, it took pasting in some HTML code to get it to work – but now this new widget makes it a breeze!

How to use:

  1. From your dashboard, go to the ‘Plugins‘ menu
  2. Activate the ‘Image Widget‘ plugin
  3. Go to Appearance > Widgets
  4. Drag the ‘Image Widget‘ to your chosen sidebar
  5. Upload the image or badge from your computer
  6. Press ‘Save

Please note:

  1. The Image widget plugin is automatically activated on all blogs on Edublogs Campus and there is no need to activate it in Plugins.
  2. So if you are using an Edublogs Campus blog just go to Appearance > Widgets and you’ll see the Image Widget in your available widget area.

Custom CSS

For you power users out there, you will love the new ‘Custom CSS‘ item under the ‘Appearance‘ menu item of your blog.


If you know a bit of CSS (which stands for Cascading Style Sheets), then you will be able to change different attributes of your theme, including colors, fonts, spacing, and more.

Our favorite resource for more information, code examples, and tips on CSS can be found here.

Stay tuned for more exciting announcements coming soon!

About Ronnie Burt

Manages the Edublogs, CampusPress, and WPMU DEV Hosting services. Former secondary math teacher and wannabe musician. Follow @ronnieburt on twitter!


  1. Pingback: Weekly Roundup: May 19, 2012 ‹ PubliShift

  2. This is fantastic and I cannot believe the timing as I only tweeted someone last week a request for a HTML script connected to a technology platform I am using at our school. Now I can do it myself :)

    Many thanks
    Kate Booth

    • mrsbooth006
  3. I’m using CSS and image to create some custom list items for a ‘contact me’ widget.

    I’m using this HTML:

    <li id=”emailicon”>email list item</li>
    <li id=”phoneicon”>Phone: XXXXXXXXX</li>
    <li id=”faxicon”>Fax: XXXXXXXXX</li>

    With this CSS:

    li#faxicon {
    list-style-image: url(/fax.png);

    li#emailicon {
    list-style-image: url(/email.png);

    li#phoneicon {
    list-style-image: url(/phone.png);

    The list text is level with the base line of the image / icon, I want it centred vertically. How would I go about doing this?

    Thanks in advance!

    • Garden Bay
    • Hi Garden,

      If you are still having problems – it is best to email us at support@edublogs.org so we can help. Thanks!

      • Ronnie Burt
  4. Pretty nice for those who don’t want to copy and paste html.

    • Joshua Pitts

Comments are closed.

Provide some details for your user account
No stress, you can always change this later on.

« Go back Register Account » Create a Blog »