1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to put each post in its own link

Discussion in 'Blogging' started by bumbo90, Mar 19, 2014.

  1. bumbo90

    bumbo90 Junior Member

    Joined:
    Jan 18, 2014
    Messages:
    142
    Likes Received:
    26
    Hi guys, I started a recipie blog (on blogger). On this blog, I have more than 50 posts, each post has a picture of a meal and under the pict there are instructions. I also have about 5 static pages, they work as categories, you know, like lunch category, breakast category, etc....
    so far it's very simple, but the problem is when I want to pin one of these posts to pinterest. Because the post is in the middle of the page, when the user on pinterests clicks on the pic it takes him to the top of the page, but what I need is for the user to immediately land on the instructions of the recipie.
    what should I do?
     
  2. bynkis

    bynkis Junior Member

    Joined:
    Nov 23, 2012
    Messages:
    149
    Likes Received:
    37
    Gender:
    Male
    Location:
    Lithuania
    So when you pin picture from your web site, do not pin from yourdomain.com, but from yourdomain.com/post and your pin will be pointing to your recipe.
     
    • Thanks Thanks x 1
  3. bartosimpsonio

    bartosimpsonio Jr. VIP Jr. VIP Premium Member

    Joined:
    Mar 21, 2013
    Messages:
    8,883
    Likes Received:
    7,481
    Occupation:
    ZLinky2Buy SEO Services
    Location:
    ⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩
    Home Page:
    Use an anchor. If you add #something to the URL and place <a name="URL#something"> near the image, when the user clicks on URL#something it'll go straight to the image location on the page.
     
    • Thanks Thanks x 1
  4. bumbo90

    bumbo90 Junior Member

    Joined:
    Jan 18, 2014
    Messages:
    142
    Likes Received:
    26
    Thanks that was very helpful. I don't know how I didn't think of that.
     
  5. bumbo90

    bumbo90 Junior Member

    Joined:
    Jan 18, 2014
    Messages:
    142
    Likes Received:
    26
    Thank you for your answer.
    How can I add #something to the URL? and should I add the <a> tag 'near' the pic or as a parent to <img>?
     
  6. 808080Hat

    808080Hat Registered Member

    Joined:
    Feb 1, 2014
    Messages:
    65
    Likes Received:
    24
    Occupation:
    Freelance Software Developer/Architect
    Location:
    Berlin, Germany
    url
    Code:
    example.com/receipe#image_anchor
    or link
    Code:
    <a href="example.com/receipe#image_anchor">Image Anchor</a>
    will point to
    Code:
    <img id="image_anchor" src="/foo/bar/example.jpg" />