HTML Button and code box

• 

  jennahooker · Member · Feb 5, 2009 at 5:24 pm

  • Copy link
  • Add topic to favorites

  I am trying to add this html code in my widgets, and I can’t get it to work correctly. Is this possible?

  <center><img border=”0″ alt=”Newlyweds!” src=”http://i114.photobucket.com/albums/n276/jchooker/newlyweds-button.jpg”/></center>
  <center><textarea id=”code-source” rows=”5″ cols=”16″ name=”code-source”><center><img border=”0″ alt=”Newlyweds!” src=”http://i114.photobucket.com/albums/n276/jchooker/newlyweds-button.jpg”/></center></textarea></center>

  http://newlyweds.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  rosclarke · Member · Feb 5, 2009 at 5:29 pm

  • Copy link

  Try simplifying the code a bit:

  <center><img border="0" alt="Newlyweds!" src="http://i114.photobucket.com/albums/n276/jchooker/newlyweds-button.jpg"/></center>

• 

  rosclarke · Member · Feb 5, 2009 at 5:30 pm

  • Copy link

  Or, actually, I think it prefers:

  <img class="aligncenter" src="http://i114.photobucket.com/albums/n276/jchooker/newlyweds-button.jpg" border="0" alt="Newlyweds!" />

• 

  jennahooker · Member · Feb 5, 2009 at 5:33 pm

  • Copy link

  Thanks for the quick response, but I would like the code box below the image. I can get the picture with link, but the code box is the problem. Any suggestions?

• 

  jennahooker · Member · Feb 5, 2009 at 8:29 pm

  • Copy link

  Is this possible in a wordpress.com blog or only a self hosted wordpress blog?

• 

  raincoaster · Member · Feb 5, 2009 at 8:34 pm

  • Copy link

  Do you mean you want the actual CODE to show below the image?

• 

  vivianpaige · Member · Feb 5, 2009 at 8:36 pm

  • Copy link

  I think what you are trying to do is display the picture and also display the code for people to copy and use on their own site, right?

  If that is the case, I believe you are using the wrong source code. Take a look at this FAQ http://support.wordpress.com/code/#posting-source-code

  The easiest way to write HTML is to put the stuff in a post and then copy the html over to the widget.

• 

  jennahooker · Member · Feb 5, 2009 at 8:47 pm

  • Copy link

  Yes I want the actual code to show in a box below the picture. Thanks for the link I will check it out.

• 

  jennahooker · Member · Feb 5, 2009 at 10:50 pm

  • Copy link

  Ok I’ve done that but the formatting is very strange, any suggestions?

• 

  panaghiotisadam · Member · Feb 6, 2009 at 7:51 am

  • Copy link

  @jennahooker: There’s a better way, but it’s more complicated. See here:

  https://en.forums.wordpress.com/topic/can-i-host-my-button-on-my-sidebar-at-wp?replies=5#post-304326

  On another issue: Your blog page takes too long to load. You should consider three things:
  – Edit your images to reduce their resolution or optimize them for the web.
  – Upload them in your blog instead of photobucket (because now you’re getting the delay of photobucket loading as well).
  – Reduce the number of posts per page (under Settings > Reading).

• 

  jennahooker · Member · Feb 6, 2009 at 5:12 pm

  • Copy link

  Thanks Panaghiotsadam for the suggestions, I never thought to directly link my blog pictures, and I will reduce the number of pages, I didn’t realize it was slowly loading.

  I will check out that forum and hope it works. Thanks

• 

  jennahooker · Member · Feb 6, 2009 at 5:41 pm

  • Copy link

  Thank you Panaghiotisdam!! It worked!