How do I add html images with a widget?
-
I’m trying to add a donation widget to my sidebar, but it’s not appearing. How do I add html images with a widget? I’ve tried using the text widget and it’s not working.
The blog I need help with is: (visible only to logged in users)
-
Are you trying to copy/paste sample code from somewhere else?
If so, it’s likely the code you are getting includes an iframe or other code that isn’t allowed on WordPress.com for security reasons. You can read more about what is and isn’t allowed here:The good news is, we can usually work around this problem by modifying the provided code into something that works.
If you give me the link to the page you are trying to link to as well as the provided code (be sure to highlight the code and click the “code” button before you submit your response so the code doesn’t get modified) I’ll be happy to help you with a work around.
-
Hi,
There are two pages. This one: https://www.kickstarter.com/projects/aliveagain2015/alive-again-runway-show-featuring-cancer-survivor?ref=card
with this widget embed code:
<iframe frameborder=”0″ height=”420″ scrolling=”no” src=”https://www.kickstarter.com/projects/aliveagain2015/alive-again-runway-show-featuring-cancer-survivor/widget/card.html?v=2″ width=”220″></iframe>And this one: http://www.hatchfund.org/project/exit_wounds_film_post_production
with this widget embed code:
<script src=”http://widgets.hatchfund.org/js/widget.js”></script>
<script>
new Hatchfund.Widget({
project: ‘exit_wounds_film_post_production’,
version: 2
}).render();
</script>Thanks,
Debbi -
Thanks!
So there isn’t a way to embed the actual widget, but for Kickstarter you can embed the video. So here’s code for a potential work around:
[kickstarter url=https://www.kickstarter.com/projects/aliveagain2015/alive-again-runway-show-featuring-cancer-survivor width=300] <a href="https://www.kickstarter.com/projects/aliveagain2015/alive-again-runway-show-featuring-cancer-survivor">Support this project on Kickstarter!</a>The other link is more difficult as we don’t have any built-in support for HatchFund, but here’s something that might serve your needs.
<a href="http://www.hatchfund.org/project/exit_wounds_film_post_production"><img class="aligncenter" src="http://cdn.hatchfund.org/media/profile/83403/pictures/542e57acd39f2784ec2de8a5e5b9da873f539c03_434x434.png" alt="" width="300" /></a> <strong><em>Exit Wounds: and then they come home</em></strong> explores memory and loss in a poignant male duet marked by fierce athleticism and lyrical sweep. It has been met with powerful emotional outpouring, unanimous praise, standing ovations, and critical accolades.<br><br> For more information on how to support this project visit <a href="http://www.hatchfund.org/project/exit_wounds_film_post_production#.VMVQwd1kulg.wordpress">Exit Wounds film post-production</a>.Post each of the codes into separate text widgets and let me know what you think.
Neither is exactly perfect, but hopefully it’s enough to help you get the word out about these projects.
-
-
I do have another question, though. I can’t seem to center the caption on my photo. I was able to insert spaces the last time I posted a photo, but this time that didn’t work. What can I do?
Debbi
-
I can’t seem to center the caption on my photo.
Could you send me a link to the specific photo giving you trouble? It will be easier for me to give you concrete advice that way.
-
Here the link to the post. The photo is on top.
https://debbimacktoo.wordpress.com/2015/01/25/more-entries-from-my-law-office-journal/
-
Hi there,
Somehow the tag for your caption got wrapped around your photo which caused the problem. It shouldn’t be a regular problem, so I just fixed it for you.
If it starts to happen regularly, let me know so we can figure out how to keep it from happening and/or show you how to fix it.
-
-
-
I just added some code to a widget that’s supposed to display my books, but it’s not working.
Here’s the code:
<SCRIPT charset=”utf-8″ type=”text/javascript” src=”http://ws-na.amazon-adsystem.com/widgets/q?rt=tf_ssw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fdebmac-20%2F8003%2Ff50913bf-b1fa-4f77-847b-4af837a4ca6c&Operation=GetScriptTemplate”> </SCRIPT> <NOSCRIPT>Amazon.com Widgets</NOSCRIPT>
Can that be fixed?
Debbi
-
I don’t have a work around here as this piece of code is pulling information from several places and displaying it in a dynamic image. The code I gave you before was basically a static image (or video embed) with a link to one page.
You can read more about what is and isn’t possible with custom text widgets below:
- The topic ‘How do I add html images with a widget?’ is closed to new replies.
WordPress.com Forums 