Need help? Check out our Support site, then


HTML codes

  1. theflockontherock
    Member

    I am trying to add the following HTML code so a Badge will appear on my blog:
    <img src="http://www.worldphoto.org/badges/badges/showbadge/m155902-b5/?utm_source=referrer&utm_medium=external&utm_campaign=badges" width="200px" height="100px" style="overflow:hidden;">

    The 'image' widget is being used but it will not accept/display the badge with this code. This is basic HTML code so I cannot see any reason why it is not working. Any ideas please?

    The blog I need help with is theflockontherock.wordpress.com.

  2. Try inserting that code into a Text widget, rather than an Image widget.

  3. theflockontherock
    Member

    suggestion as to which widget pls?

  4. When you are adding widgets to your sidebar, one of the options is called "Text widget." Despite the name, you can also insert HTML code into this widget.

  5. theflockontherock
    Member

    I just tried that,o cpy and pasting the HTML into the text widget but when I click 'save' the HTML address disappears and, of course, nothing appears on the blog either. I have just had the HTML confirmed by the supplier and if I paste it into my google bar it works ok. Any ideas?

  6. I was able to post that HTML in a text widget just fine. Try clearing your browser cache, and log out of and back into WordPress. Please also make sure that you are using a browser listed at browsehappy.org.

  7. theflockontherock
    Member

    It took some time but I downloaded an updated internet explorer (as I usually use google chrome), did it all over again but it still only displays an icon where the image should be. If I click the icon it will open the image in a new window but won't display on the actual blog?

  8. theflockontherock
    Member

    btw, the broswer and cache were cleared beforehand

  9. Hmm. There are ampersands (&) in the address, which are being converted to & when you add the code to the text widget. (this happens when I try to do it with the same code on my site as well)

    I've flagged this so a staff member can verify the issue.

  10. theflockontherock
    Member

    thank you

  11. Try this instead:

    <img src="http://www.worldphoto.org/badges/badges/showbadge/m155902-b5/" width="200px" height="100px" style="overflow:hidden;"/>

  12. theflockontherock
    Member

    Gave that a good go as well. And it was a no go! Same thing, an icon appears where the image should be (and a right click will open the image in another window) but the image doesn't display on the blog. Mad curiosity has now taken over as I normally wouldn't bother. It's the HTML code or me - there can be only one winner

  13. This should show the badge but no link to the original site:
    <img src="http://www.worldphoto.org/_assets/images/WPO_Basic.png" width="200" height="100" class="alignnone" />

  14. Insert that into a text widget.

  15. theflockontherock
    Member

    It does indeed work although I would have expected something to work in the Image widget so I could link it to my Photography site. Never mind, this will do for the time being. Thanks one and all for the help thus far (still open to suggestions as to the image/link, etc.) but will leave it as badge is showing now.
    Cheers!

  16. http://www.worldphoto.org/_assets/images/WPO_Basic.png
    will work in the image widget as well.

    You can also supply links as you like in text widgets, though for your purpose the image widget will be simpler to do.

  17. theflockontherock
    Member

    All resolved. Thank you so much.

  18. You are welcome.

    Just a heads-up for you: your username links here:
    http://flockontherock.wordpress.com/
    but your site is this:
    http://theflockontherock.wordpress.com/

    You might want to fix that:
    How to make your name link to your blog:
    Dashboard—> Personal Settings—>scroll to "Account Details" and where it says 'website' fill in the address of your blog—>save changes.

  19. theflockontherock
    Member

    thanks once again

  20. you are most welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic