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

Having trouble adding the nomination badge to your blog side bar or posts?

There are a few tricks to it, especially in side bars because you need to use HTML code.

So I thought some of you might like some extra help with instructions.

Adding Your Badge To Your Blog Sidebar

I’ve written the HTML code for all badges with links back to the poll page — so for those that don’t know how to write the code or like the easy option!

Adding your badge now is as easy as:

  1. Download this Badges zip file (oops missed a badge – and SocialNetworking Zip for Social networking badge – thanks Martin Hawksey for letting me know)
  2. Unzip the downloaded file to a folder on your hard drive.
  3. Open up badgecode1.txt (contained inside the zip file)
  4. Copy the HTML code for your nomination badge Copy the HTML Code
  5. Go to Appearance > Widgets in your Dashboard Click on Widget menu
  6. Drag and drop a Text Widget from the Available Widgets or Inactive Widgets areas on the left into the Sidebar area on the right
  7. Now just paste your HTML code into the text widget, then click Save and Close Adding code to text widget

Pesto!

Your nomination badge should now display in your blog sidebar and clicking on it will take readers to the page where they can add their vote!

Adding Your Badge To A Blog Post

You have two options.

  1. Use the HTML code I’ve created (Badges zip file) and click on the HTML Tab in your Write post area then paste the code
  2. Copy the Image URL  from Nomination Badges Are Now Available! post by:
    • Right clicking on the image and selecting Copy Image location or Copy Shortcut.
    • Then insert the image in your post by clicking on Add an Image and adding the image URL.

Copy image location

About Sue Waters

Edublogs Support Manager @suewaters on Twitter

8 Comments

  1. Hi, the badges zip appears to be missing best social network badge
    Martin

  2. Thanks Martin for letting me know. I’ve now uploaded it as a separate zip file and thanks you for letting me know.

    • Sue Waters
  3. Thanks Sue. I have so many problems with widget code embedding into my sidebar. This went in easy. Of course, the code was written by a true professional!

  4. @Jenny Glad it helped. Now I’m sure you want to hear the Sue Water’s sneaky tricky for writing the HMTL code?

    The easiest method is just open up a new post (Post > Add New). Grab the image URL and insert the image into the post using the Add An Image Icon. For the box that says Link image to you just add the URL of the page you want to link to.

    Once you’ve added all those details just click Insert into Post – to add the image to your post. Presto! Your visual Editor has just written the HTML code for you.

    Now just click on HTML tab and copy all of the HMTL code then paste into a text widget.

    PS don’t tell any one Sue cheats 🙂

    • Sue Waters
  5. Ssshhh….Your secret is safe with me Sue. : )

  6. @Anne Marie Definitely because with Blogger you have different options that you can use that makes it easier.

    Whereas with a WordPress powered blog you need to use HTML code in the text widget.

    Each blogging platform has it pros/cons; for me biggest negative of Blogger is lack of pages.

    @Jenny chuckling 🙂

    • Sue Waters
  7. Pingback: Winner Badges Are Now Available! – The Edublog Awards

Comments are closed.

Copyright Edublogs 2017 | Powered by WordPress