Have you ever wanted to link to a different section within your own blog post?
I actually always forget how to create links to different sections within my posts. I leave the code up on my desktop so that I can quickly refer back to it. Now I can clean off my desktop and just refer to this post, and so can you!
I like using links to different sections within my posts for a few reasons:
To create an index or outline for long posts.
I frequently list what will be discussed within the post at the beginning and create links so that my readers can jump down to the section they are most interested in. An example is my post on how to write a WordPress blog post
To direct people to a specific part of a post.
It’s a great feature to use if you have long posts or you discuss different elements within a post. For example: you might have a story along with a recipe you are sharing. At the beginning of the post you could put a link that says, skip to the recipe. When readers click that link, it automatically scrolls down to the recipe.
I also utilize this when sharing on social media if I want to refer someone to a specific part of the article
How to code links to jump within a post
There are two parts to creating a link to a different section within a post: the link itself and the id. The id is telling the link where to go within the post.
Here is an example:
The link.
The id:
The result:
How to write captivating content
(Try it out! When you click it you are not taken to the blog post, but to a section in the middle of the article.)
The text behind the hash tag of the URL needs to be identical to the text within the quotation marks of the id. The example above adds the id to a heading tag. You can add the id to any code; use a section of bold text or even an image.
Let’s break down the code for the URL:
- Your domain name: http://yourblog.com
- Add the post slug: http://yourblog.com/blog-post
- Add a tag: http://yourblog.com/blog-post/#tag
The link is usually placed at the top of a blog post, and the id is placed where you want the reader to jump to within the post.
How do you plan on using links to different sections within a page or post?
Thanks so much for the detailed insight. I am going to start following this.
Nancy
My Everyday Challenges
Hello KRISTIE! Thanks for writing this, I found this helpful! Will you go a little bit deep to help me – what to write in b/w the id (Add a new WordPress post)?
Add a new WordPress post
Thanks!
How to do the same in blogger ?
This is the best blog about blogging
thanks!
I like ur articles basically the way u present it Its very interesting n useful
No doubt this share Is effective. Thank’s @Kristie Hill
Finally find out my solution !! Thank’s @Kristie Hill
So you never left any directions like “put this here, now paste this here” – you just gave the code. And that’s nice, I’m glad I have the code, but nothing is working for me (I’m using blogspot). Could you tell me what I should actually do?
It would also be helpful if you edited your post and included that so I wouldn’t have to go to the comments section for a tutorial 😉
Thank you.
Sorry the tutorial wasn’t clear for you. I’ll think of a way to update it and get back to you. I didn’t include where to paste it, because there isn’t a set place. You can use the link inside the post or just share it in an email. And the ID is placed wherever you want the link to jump to. I’ll work on re-writing the tutorial for you.
you should do a video explaining…i don’t understand any of this
I’ll work on that and see if I can help you out. Actually, this whole post needs updated because it is WAY easier now. WordPress has made some changes.
hey Kristie Hill can I use this method on my website happy diwali images 2017
Please reply this comment.
Yes.
Hi, Kristie Hill
Thanks for the article. Keep the good work. I will try it on my site http://happydiwaliimages.in
Again. Big thanks for your help.
You’re welcome!
Thank you ! for your reply.
can this be used with blogspot blog as I really need this for long posts @ http://www.healthriskfood.com
Yes! This will work inside blogspot.
I don’t get it….are you suppose to write the id text straight after the link text? In the insert link box?
Ok I found that I need to write it in the text box….but now all my links at the top of the blog are all going to the same places as the first one I did?
I’m super confused too. I’d like to have some directions but all she gives are the codes so I guess I just need to figure it out myself. Sorry, but I am glad I’m not the only one who doesn’t get what to do. 🙂
Sorry that this wasn’t clear enough. I didn’t include where to paste it, because there isn’t a set place. You can use the link inside the post or just share it in the email. And the ID is placed wherever you want the link to jump to. I’ll work on re-writing the tutorial for you.
Hi. I am in the middle of writing a large post that really needs this! I spent all last night trying to work this out. Now I’ve found this clear explanation I will have another try this evening. I will let you know how I get on. Thanks for sharing and looking forward to making it happen later on. 🙂
Sorted. You superstar. Thank you. I even managed to put my links into a pretty coloured box. Awesome!
That’s fabulous news Alison! I’m glad it worked for you. Let me know when the post is live so that I can check out your beautiful links!
Hi. Here it is. My son doesn’t like the blue so I will change it later. 🙂
https://bestforthegarden.com/top-10-outdoor-dining-sets
Again. Big thanks for your help.
It looks great and so professional! Very easy to navigate.
Thanks Kristie. I’m am enjoying ‘drifting’ around your blog and thinking – oh, must try that next! You rock. 😀
Drifters are always welcome here Alison. Let me know if you have any questions or if there is a tutorial I can create for you.
I’ve been searching for how to do this for a while now. Thankfully I came across your post. Thanks Kristie! 🙂
You’re welcome! I know when I was first trying to create these type of links in my posts, I didn’t even know what to google! I ended up figuring it out with my favorite app: firebug. I’m curious, what did you type into google search?
How to create hyperlinks within a blogger blog post
That’s what I typed into Google and landed here.
I can so well relate to this feeling on how the readers landed on my page. Sometimes I feel blogger stats offers better keyword search details than google analytics!
Oh!!!! This is awesome and I abandoned a blog post because I didn’t even know how to search Google for the “how do I do (__ fill in the blank) because I didn’t know what it was called. Pinned, tweeted, saved to bookmarks – thanks for this!
I don’t know what it is officially called either! I had the exact same problem you did. I couldn’t find a tutorial on it anywhere, so I figured it out (using firebug!) and created my own tutorial. Have fun using it now Sarah!
This is fascinating and so very helpful for a non-computer savvy blogger! I will refer to this often and thank you for helping yet again! VERY INFORMATIVE!
You’re welcome, again!
very helpful, I have a question can we simply write #content instead of witting that much long url.