Post a Photo in Your Sidebar

  • Author
    Posts
  • #17369

    compartments
    Member

    We all know using Bookmarks for this isn’t really flexible, so I posted a photo url into a text widget. Look at my blog for the example: http://compartments.wordpress.com. I posted my photo in the sidebar using a text widget. Here’s how:

    1. Create a new post and upload a photo (see FAQs about uploading photos into your posts). Click on the “html” button on your post editing tool bar. Highlight the html between <img src=”……”… /> and copy it. Save that post as a draft. Do not publish it.

    2. Go to the “Presentation” tab and select “Sidebar Widgets.” Move a “Text” widget over to the right hand column and open it. Paste the url that you just copied from the “Write Post” section. Write some text too, if you want. Then save it and view your site. Wallah!

    #17748

    drmike
    Member

    Actually we’ve covered this a number of times already. You also don’t have to save the post, even as a draft. You can even delete it.

    Thanks though,
    -drmike

    #17751

    I’d actually never thought of it this way, so it was a good reminder. Pictures in posts, sure, but blogheaders or sidebars… I hadn’t been able to find that in the FAQ, at least not as clearly as this.

    So, good post nonetheless, thanks.

    #17823

    compartments
    Member

    Yes, I also searched the FAQs in vain for how to do this. I’m glad somebody found my explaination useful. Now, I’m going to delete that draft :-)

    #17841

    lcs2dk
    Member

    I put a photo in the sidebar of http://conservationfinance.wordpress.com but how do I get it to align correctly with the borders?

    Lars

    #17847

    umm. umight wanna check out my blog http://www.everythingelse.co.nr ive got 2 dozen photos in my sidebar all using text widgets. the best ting ro do is upload to a free images host like imageshack. they even give you the code. all u have to do is compy &paste into a text widget. much simpler than what u did above and dosent occupy percious wordpress server space which can be used for something else.

    #17849

    lcs2dk
    Member

    Yes, but could you get the top photo on your site to be exactly in the middle of the box?

    Lars

    #17860

    drmike
    Member

    lcs2dk, try adding in align=”center” to the image tag.

    #17890

    lcs2dk
    Member

    Did that, it didn’t work.

    Lars

    #17894

    drmike
    Member

    You can also try the following:

    <center><img src="http://conservationfinance.wordpress.com/files/2006/06/frog.jpg" alt="Dendrobater azureus" /></center>

    edit: Actually I just read your CSS file for that theme. Says to use ‘class=”centered”‘ so you may want to try this instead:

    <div class="centered"><img src="http://conservationfinance.wordpress.com/files/2006/06/frog.jpg" alt="Dendrobater azureus" /></div>

    I do note that some of the sidebar padding is offcenter (ie rightside is 8pixels while the left is only 4pixels) so you might be stuck with it like that but I would try the suggestions above.

    Good luck,
    -drmike

    #17900

    lcs2dk
    Member

    Tried both. The first made no difference, the second made the picture move further to the right.

    The problems seems to be the padding.

    #17902

    drmike
    Member

    Try adding in 4 pixels of white space to the right side of the picture. :)

    #17950

    venuvinod
    Member

    i tried all, but didn’t work at all

The topic ‘Post a Photo in Your Sidebar’ is closed to new replies.