widget from html doesn't work
-
I have a free wordpress site. I have tried to put widgets (from blog directories) my side bar. I manage to save it but when I click on the link it does not go to the website but displays a page full of html. Also I only see the website in my side bar not the image that the html is meant to produce. Has this happened to anyone else? Thanks in advance!
The blog I need help with is: (visible only to logged in users)
-
Hi,
I have tried to put widgets (from blog directories) my side bar.
I presume you’re referring to a text widget. See the Text Widget Links support page to learn an easy method of creating such links. Image links in text widget can be made just as easily in an analogous way using in a page or post editor.
I manage to save it but when I click on the link it does not go to the website but displays a page full of html.
You might have made a small mistake in creating the code. If you don’t get the destination URL correct in the code, then the link won’t be created properly.
Also I only see the website in my side bar not the image that the html is meant to produce.
What is the link that you are referring to? Is it
http://www.blogcatalog.com/w/blogvalue/5479302? -
Yes that’s right. I have been copying and paste off the blog catalog into my side bar via text widget.
I’m ok with knowing how to add a widget into ‘text’ as somehow I got 2 other widget to work from blog directories.
I did notice that when I saved the html it changes. I tried the nutrition blog network directory:
It changed from:
<script type=”text/javascript” src=”http://www.nutritionblognetwork.com/snippets/widget”></script>To this after I saved it:
http://www.nutritionblognetwork.com/snippets/widgetAnd doesn’t go to the required destination…Frustrating!
Thanks.
-
I’m ok with knowing how to add a widget into ‘text’ as somehow I got 2 other widget to work from blog directories.
Those text links might have used different code. If they include image links, then there must be images identified in the codes. Could you provide the code of such a text widget link which is working properly?
The HTML code
<script type="text/javascript" src="http://www.nutritionblognetwork.com/snippets/widget"></script>
only contains an external link URL and a script type attribute. WordPress.com might reject the script type attribute, leaving you only the external URL link, which seems to be incorrect.The Nutrition Blog Network URL is http://www.nutritionblognetwork.com. The page “snippets” doesn’t presently exist on that site. The child page “widget” results in the error you describe, perhaps due to a formatting error on that site.
-
One widget that works is:
On Top List – The following html appears in my ‘text’ side bar:
<img src=”http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff” alt=”Blog Directory & Business Pages – OnToplist.com” border=”0″ />I copied the code from the website http://www.ontoplist.com/badges/ which looks like this:
The two look different once I saved the html in my text side bar. So WordPress is doing something to the code automatically.
-
The code
<img src="http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff" alt="Blog Directory & Business Pages - OnToplist.com" border="0" />
inserted in a text widget will result in the display of the image, but it isn’t a link. The HTML for the image link should be something like the following:
<a href="http://www.ontoplist.com/" target="_blank"><img src="http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff" alt="Blog Directory & Business Pages - OnToplist.com" border="0" /></a>
That code includes both the image and the link.http://www.ontoplist.com/images/ontoplist62.png
and the image http://www.ontoplist.com/images/ontoplist32.png appear to be two different sizes of the same image. -
The image link code could be simplified to
<img src=”http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff”>
by removing the alt and border tag identities.
-
I forgot to use the code tags. Let’s try that again
The image link code could be simplified to
<a href="http://www.ontoplist.com/" target="_blank"><img src="http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff"></a> -
You mentioned the html in my text side bar displays an image/logo and it doesn’t work as a link. From what I can see the logo is there and when clicking it, it goes to the right destination. Try it out on my site.
-
or the even more basic
<a href="http://www.ontoplist.com/"><img src="http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff"></a> -
So since i’m happy with how it the ‘on the top list’ widget works. I will try to work out the nutrition network blog widget with your advice. I’ll see how I go.
At the nutrition network blog directory http://www.nutritionblognetwork.com/ the code they provide is:
<script type=”text/javascript” src=”http://www.nutritionblognetwork.com/snippets/widget”></script>
Thanks.
-
Yes, it works. But I don’t believe the code in the widget is what you think it is. It can’t be…or let’s put it this way…I don’t understand how the code of that image link could be
<img src="http://www.ontoplist.com/images/ontoplist32.png?id=562cc490121ff" alt="Blog Directory & Business Pages - OnToplist.com" border="0" />
because that code doesn’t include a link. -
Here’s another example from your site. The blogflux.com image link in your sidebar should have two parts in the text widget code.
<a href="http://dir.blogflux.com/"></a>— the link code, and<img src="http://dir.blogflux.com/images/80x15.gif" alt="Blog Directory" />— the image code.
Put them together and you have the image link code
<a href="http://dir.blogflux.com/"><img src="http://dir.blogflux.com/images/80x15.gif" alt="Blog Directory" /></a> -
or, more simply,
<a href="http://dir.blogflux.com/"><img src="http://dir.blogflux.com/images/80x15.gif"></a> -
I’m just a volunteer member and am unable to see what’s in your text widgets. So if you have further questions in this regard, it might be best if you add a “modlook” tag to the sidebar of this topic to call for staff attention.
-
-
Hello @delectabledietetics!
Was it the “Blog Widget” on http://www.nutritionblognetwork.com/ that you were looking to add to your site?
If so, that one is not working because it is a javascript widget, not html.
It looks like you’ve gotten the other widgets sorted out? Please let me know if you need more help!
-
Thank you helper-brucea. I now understand why the code wasn’t working when the others did.
- The topic ‘widget from html doesn't work’ is closed to new replies.