How to Add / Create JUMP LINKs or ANCHOR Links in Blogger Posts?




In this POST, we will help you Create JUMP Links or Anchor Links in Blogger POSTs. For example, suppose you have a Long Post in Blogger. And in the first paragraph, you want to Add some TEXT with LINKs in which TEXT, when clicked, can go to another specific part of the same post; this is called JUMP Link or ANCHOR Link. i.e., Click Here to Go to the Bottom of this POST.

This is a way to create a LINK within the Same Page. The Visitors can JUMP to a specific part of the webpage through this JUMP Link.


Simply, JUMP Links or ANCHOR Links are those Links that help JUMP to the Specific Part of the Same Page. Hence, in this post, we help you Create a Link to JUMP to the SPECIFIC Part of the Same page. After reading this POST, you can easily SET UP the Jump Links to JUMP to the SPECIFIC Part of the SAME page.


ONE EXAMPLE as a Blog Post:-
Suppose the below is our Blog Post. We want to Create the JUMP Link so that when visitors click on this 1st Line [When you click Here, you will Jump to Line 7.], they will directly JUMP to Line 7 of our Blogger Posts.


In this EXAMPLE POST, When you click Here, you will Jump to Line 7.



Line 1



Line 2



Line 3



Line 4



Line 5



Line 6



Line 7



Line 8



Line 9



Line 10





Remember, While Creating a JUMP Link, we will have to Modify our Blogger Posts’ HTML View in 2 Places.

#A. 1st Place is the Place in our POST where Visitors click, and then they JUMP to Another Specific Part of the Same Page.

#B. 2nd Place is that Place in which Visitors will be JUMPED / Taken after Clicking in the 1st Place.

So Visitors click in the 1st Place of our Blogger POSTs, and then they Jump to the 2nd Place of our Same POSTs.

In the ABOVE EXAMPLE as a Blog POST, [ Line 7 ] is the 2nd Place, and [When you click Here, you will Jump to Line 7. ] is the 1st place.


Now Let’s learn to Add the JUMP Links or ANCHOR Links in our Blogger Site, which help visitors to JUMP to the Specific Part of the Same Page:

#1. First of All, we will have to Add an ‘id’ tag in the 2nd Place where visitors will be JUMPED / TAKEN. This ‘id’ tag is added in that SPECIFIC Part of our Post where we wish the Visitors to JUMP.

JUST Add this tag/script before that SPECIFIC Part of the page where you wish Visitors to Take / JUMP as in the photo below:


<a id=“Your-any-word-or-ID-Here”> BLOG POSTS Lines Here where visitors will be Taken </a>


For Above Example, this will be Like this:
<a id=“line7”> Line 7 </a>




#2. We will have to add another ‘href’ tag in the 1st Place of our Blog Post where Clicked Visitors will JUMP to the 2nd Place


This ‘href’ tag is added in that Part where Visitors CLICK to JUMP to another Specific Part of the Page.


JUST Add this tag/script before the 1st Place in Blog Post as shown in the photo below:

<a href=#Your-any-word-or-ID-Here”>Your-BLOG-POST-Lines-Here-where-visitors will click to JUMP to another Part </a>


For Above Example, this will be Like this:
<a href=#line7”> In this POST, When you click Here, you will Jump to Line 7. </a>

VVI NOTE: DON'T FORGET TO ADD '#' IN THIS href TAG, ELSE IT WON'T WORK.






Now You have Successfully Created a JUMP Link or ANCHOR Link. In addition, you have created a Link where, when clicked, visitors will be taken to another Specific Part of the Same Page.

You Reached Here at the bottom of the Post Directly after Clicking above.



Also, Watch our Video for Step by Step Guide to Create / Add JUMP Links or Anchor Links in Blogger Posts that Help Visitors to JUMP to Specific Part of the Same Page:-




Previous Post Next Post