HTML codes
-
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: (visible only to logged in users)
-
-
-
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.
-
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?
-
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.
-
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?
-
-
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.
-
-
Try this instead:
<img src="http://www.worldphoto.org/badges/badges/showbadge/m155902-b5/" width="200px" height="100px" style="overflow:hidden;"/> -
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
-
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" /> -
-
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! -
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.
-
-
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. -
-
- The topic ‘HTML codes’ is closed to new replies.
WordPress.com Forums 
