embedding a link to show an image on the website

  • Author
    Posts
  • #2020303

    hannahmac1
    Member

    I have a link that I need to embed to show an image but I ideally would like this in the top left or right hand corner of every page and not in a widget box. Can you help? This is the embedding code (I think)

    <img src=http://www.hitched.co.uk/chat/blogs/planwithfran/page/20140826/i-m-a-barbi-bride-styled-shoot.aspx alt=”As featured on hitched.co.uk” title=”As featured on hitched.co.uk” width=”150″ height=”150″ border=”0″ />

    The blog I need help with is pistachioblush.com.

    #2020378

    timethief
    Member

    Here are relevant links:
    http://theme.wordpress.com/themes/promenade/
    http://promenadedemo.wordpress.com/
    http://theme.wordpress.com/themes/promenade/support/
    http://premium-themes.forums.wordpress.com/forum/promenade

    If you want to embed any image in any area of the blog theme that is not designed to have one embedded there, then you need to purchase a custom deign upgrade and do the required CSS editing.
    See here for details on purchasing the annually renewable custom and CSS editing:
    Custom design – Frequently Asked Questions
    http://en.support.wordpress.com/custom-design/#frequently-asked-questions
    http://en.support.wordpress.com/custom-design/
    http://en.support.wordpress.com/custom-design/editing-css/
    http://en.support.wordpress.com/custom-design/custom-fonts/

    Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get the help you need.

    #2020379

    timethief
    Member

    Oh no! I just noticed this thread is in the CSS Forum. I”m so sorry. :( Please be patient while waiting for another Volunteer or Staff to help you with your CSS editing.

    #2020390

    hallluke
    Member

    It can be done but the URL you have included there is a link to the article itself and not an image. If you upload the image you want to use to your media library and then add it to a text widget on your blog and let me know I will check back later and see if I can help you out.

    The code to use in your text widget will look something like this:

    <a href="http://www.hitched.co.uk/chat/blogs/planwithfran/page/20140826/i-m-a-barbi-bride-styled-shoot.aspx" target="_blank"><img src="URL-TO-YOUR-IMAGE" alt="As featured on hitched.co.uk" title="As featured on hitched.co.uk" /></a>

    #2020401

    hannahmac1
    Member

    Thank you but I didn’t want to use it as a widget as i’d like it located at the top of each page of the website in the corner. I posted this in the CSS forum. Thank you though! :)

    #2020403

    hallluke
    Member

    That’s my fault for not explaining why I was asking clearly – if you create it as a widget I can help you use CSS to move it to the top corner of your site!

    But you need to add it as a widget first so I can test out the right CSS so that you end up with what you want. I promise it won’t be there as a widget for long, and if I get stuck you can always remove the widget so none of your visitors can see it.

    #2020529

    @halluke, nice to see you and hope you have been doing well. Many thanks for your help in the CSS forums. It has allowed me to catch up on some other things.

    #2020536

    hallluke
    Member

    @tsp No problem!

    @hannahmac1 I’ve set email notifications up on this post so if you do add the image in a text widget then let me know here and I’ll set things up for you.

    #2020540

    hannahmac1
    Member

    @halluke – thank you! All posted in the image widget! :)

    #2020544

    hallluke
    Member

    You’ll need to include it in a text widget with the HTML code I suggested previously if you want the image to be a link. You should also upload the image you want to use to your WordPress.com media library as it isn’t working when you link to your webmail version – the image is not showing up at all currently.

    #2020562

    Hi, I took a look at your image widget, and the link to to zoho.com/mail/. If the image you wish to use is within an email, you will have to download that image to your computer and then upload it to the Media Library on your site here and get the URL for that image. The URL for the image will appear in the “File URL” field on the image edit page (click on the uploaded image) to the right.

    #2020598

    hannahmac1
    Member

    I think I’ve done everything that you’ve both said – omg I’m useless. I have literally added 3 links to the text widget and one to the image one after uploading to the media library. Can you tell me if any of that is right and if it is, what I should delete and what I should leave in place!
    Thanks so much!

    #2020599

    hannahmac1
    Member

    Eureka! The bagde is up through some miracle of god – now I just want to make it appear on every page in the top right hand corner (of every page on the website). If possible :)

    #2020600

    hallluke
    Member

    I can still only see one text widget on your blog – it contains your twitter button and follower count. There are no image widgets at all (unless I’m looking in the wrong place).

    You need to create a brand new text widget and copy in the HTML code I posted previously, it would also be useful if you let us know the URL to the image in your media library now you have it uploaded – then once that is live on your blog I can let you know what CSS will move it out of your footer and to the top right hand corner of every page.

The topic ‘embedding a link to show an image on the website’ is closed to new replies.