adding an image to sidebar for a newbie

  • Author
    Posts
  • #50414

    matthew73
    Member

    please can someone give me a full and,

    step

    by

    step

    guide as to how i can get an image on my sidebar. i can get the text 1 widget in my sidebar widget, and i add the code as seen in the wordpress instructions, but i get nothing.

    can someone give me an idiots guide to putting an image in the sidebar, please?

    #50792

    cornell
    Member

    Is there nothing in the FAQ?

    I know, you probably haven’t seen it before, but I think there’s something in there for it.

    #50793

    sulz
    Member

    put this tag in your text widget

    < img src=”urlofimage” alt=”nameofimage” / >
    (close the spaces between < and >)

    save your sidebar and that should appear no problems.

    #50794

    matthew73
    Member

    thankyou! it worked, but can you give me the code to link it to another website, with the link that opens in a new window?

    that would be great help! thanks once again.

    #50796

    sulz
    Member

    < a href=”url” target=”_blank”>name< /a >

    insert the above tag i gave into “url”, should work.

    #50797

    matthew73
    Member

    I’VE GOT IT.

    THE CODE LOOKS LIKE THIS

    PART 1 <(PURPOSE SPACE)a href=”EXTERNALURL” target=”_blank”(PURPOSE SPACE)>

    PART 2 <img src=’URLOFIMAGE’ alt=’IMAGENAME’ />

    link PART 1 and PART 2 together, and fill in the relevant information. take the (PURPOSE SPACE) out.

    #50802

    drmike
    Member

    You forgot part three, the trailing </a> mark to close off the link. :)

    #50806

    matthew73
    Member

    SURE! sorry,

    the second part should look like this;

    <img src=’URLOFIMAGE’ alt=’IMAGENAME’ /(PURPOSE SPACE)><(PURPOSE SPACE)/a>

    once again take out the purpose space.

    #50808

    drmike
    Member

    Skipping the spaces, the code would look like the following:

    <a href="http://matthew73.wordpress.com/" title="matthrew's blog"><img src="http://wordpress.com/avatar/matthew73-48.jpg" alt="a picture of matthew" /></a>

    Hope this helps,
    -drmike

    #50809

    drmike
    Member

    To display code here in the forums, place it between backticks, the key above the tab key on a PC keyboard. It’s mentioned at the bottom of the page. :)

    #50812

    matthew73
    Member

    thanks guys. tried the backsticks but the code didn’t show up as it should.

    #50815

    drmike
    Member

    ` <- Back ticks look like these. What you had up there wasn’t a backtick. Maybe you’re on a Mac. :)

    #50816

    matthew73
    Member

    yep you’ve caught me, i’ve got an imac.

    #51044

    joiz3
    Member

    how do I resize the photo?i’ve uploaded a photo into my sidebar but it’s HUGE.

    #51045

    julienne
    Member

    Themes have a rule sometimes how big an image before it repositions your sidebar to the bottom (hard lesson I learned)

    Resize in PShop or some other image editor first if I were you.

The topic ‘adding an image to sidebar for a newbie’ is closed to new replies.