15 {{ upvoteCount | shortNum }}
15 {{ upvoteCount | shortNum }}

Adding a Picture to Wordpress Sidebar?

by writergirlk
11 replies
Do I need a plugin to add pics in my sidebar? I tried putting the html link from photobucket in the sidebar but the pic didn't show up - all it showed was a long strip of gray. Is there a better way to put pictures on my site? Thanks in advance!
#adding #picture #sidebar #wordpress
  • Profile picture of the author Monetize
    If it fits and you're using the img src code correctly
    the image should show up. LMK if you need help.
    {{ DiscussionBoard.errors[158884].message }}
  • Profile picture of the author warner444
    It can be done by adding an html image link directly into the sidebar.php file.
    Signature
    Warm Regards, - Warner Carter Twitter ~ Facebook ~
    ~ SEO Consultation Services~~~~Guest Blogging Service > Done For You
    {{ DiscussionBoard.errors[158975].message }}
  • Profile picture of the author Ron Killian
    Just as easy with a text widget, well unless you don't want or don't use widgets. Or the other great suggestions already given.
    Signature
    PLR Affiliate Program Has Launched! Easily Promote Over 5,000 PLR and MRR Products.

    Largest Selection of PLR Articles on the Planet! PLR Ebooks, PLR Video, PLR Websites and more with Private Label Rights
    {{ DiscussionBoard.errors[158988].message }}
    • Profile picture of the author Ouroboros
      Something I've done lately is start a dummy post, use the media button to import the pic into the post, copy the URL of your images file into a text widget in the sidebar and then delete the dummy post.

      Steve
      Signature

      Need a Simple Product/Service to Market to Offline Clients? Sell Them DFY Custom Videos. https://www.fiverr.com/users/gigsiteguy

      {{ DiscussionBoard.errors[159118].message }}
      • Profile picture of the author writergirlk
        I tried putting the code into the wordpress sidebar and I realized it was enormous. That's gotta be my problem! How do I re-size it? This is the code. I don't NEED to use photobucket but I am still on the wordpress and html learning curve!

        <a href="http://s294.photobucket.com/albums/mm89/kohuether/?action=view&current=KathyBio.jpg" target="_blank"><img src="http://i294.photobucket.com/albums/mm89/kohuether/KathyBio.jpg" border="0" alt="Photobucket"></a>

        I appreciate all your help!
        {{ DiscussionBoard.errors[159254].message }}
        • Profile picture of the author Eric Lorence
          Originally Posted by kohuether View Post

          I tried putting the code into the wordpress sidebar and I realized it was enormous. That's gotta be my problem! How do I re-size it? This is the code. I don't NEED to use photobucket but I am still on the wordpress and html learning curve!

          <a href="http://s294.photobucket.com/albums/mm89/kohuether/?action=view&current=KathyBio.jpg" target="_blank"><img src="http://i294.photobucket.com/albums/mm89/kohuether/KathyBio.jpg" border="0" alt="Photobucket"></a>

          I appreciate all your help!
          <a href="http://s294.photobucket.com/albums/mm89/kohuether/?action=view&current=KathyBio.jpg" target="_blank"><img src="http://i294.photobucket.com/albums/mm89/kohuether/KathyBio.jpg" height="150" width="125" border="0" alt="Photobucket"></a>

          Notice the height/width tags? tweak those to your needs.

          Edit: No need for another plug-in, simply add that code to a text field.

          You can add as many images as you like to 1 text unit.

          Good luck!
          {{ DiscussionBoard.errors[159270].message }}
  • Profile picture of the author Ron Killian
    Not always best to just resize with height and width tags in the img src code, reason being if it's a big picture it will still take time to download, also the fact it might not be distorted. Don't mean to be to rude, just not a good habit to get in to.

    Why not just download the picture, and resize it to the size you want, then upload. Or your not sure how to do that?

    Best Bet is to download it, Right click on image, "Save Image As". Edit the size with a graphics program. Upload to your site's root. use the code:

    <a href="http://s294.photobucket.com/albums/mm89/kohuether/?action=view&current=KathyBio.jpg" target="_blank"><img src="http:{yourdomain.com}/imagename.jpg" border="0"></a>
    Signature
    PLR Affiliate Program Has Launched! Easily Promote Over 5,000 PLR and MRR Products.

    Largest Selection of PLR Articles on the Planet! PLR Ebooks, PLR Video, PLR Websites and more with Private Label Rights
    {{ DiscussionBoard.errors[159313].message }}
  • Profile picture of the author writergirlk
    Thanks Eric - I didn't even see the height and width tags in the code. I even looked for them!

    Ron, you weren't rude at all! You bring up a valid point. Problem is, I am not sure what you mean? Download it where? I already have the pic in my hard drive. Are you saying I should use adobe to size it and then use the code you gave?
    {{ DiscussionBoard.errors[159323].message }}
    • Profile picture of the author Eric Lorence
      You can resize it in photoshop, but resizing it in the tags will not hurt anything.

      If you photo is very large, yes you should reduce it. Just not to overuse bandwidth.

      Just look after the image url in those code for the tags.

      Best!
      {{ DiscussionBoard.errors[159348].message }}
    • Profile picture of the author Ron Killian
      Originally Posted by kohuether View Post


      Ron, you weren't rude at all! You bring up a valid point. Problem is, I am not sure what you mean? Download it where? I already have the pic in my hard drive. Are you saying I should use adobe to size it and then use the code you gave?
      If you already have it on your hard drive, you don't need to download it. Yes, resize it with adobe, then upload it or ftp it to your domains root (easiest for now), then use the code I supplied. Let me know if you need help.

      One of the most important aspects of a web site or a blog is how fast it loads. If you get in the habit of resizing big pictures with just the width and height tags in the img src code, they are still big pictures and still take time to load, have to many and you site could load to slow. Not to mention the wasted bandwidth, some folks don't have much to spare. Your site loads to slow and people leave, we've all done it. Reason why I mentioned it..
      Signature
      PLR Affiliate Program Has Launched! Easily Promote Over 5,000 PLR and MRR Products.

      Largest Selection of PLR Articles on the Planet! PLR Ebooks, PLR Video, PLR Websites and more with Private Label Rights
      {{ DiscussionBoard.errors[159364].message }}

Trending Topics