How to put each post in its own link

bumbo90

Junior Member
Joined
Jan 18, 2014
Messages
142
Reaction score
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?
 
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.
 
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 that was very helpful. I don't know how I didn't think of that.
 
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>?
 
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" />
 
Back
Top