Ho to Create Anchor Link in Your Blog

If you have long blog posts on your Blogger site, consider creating anchor tags to help visitors conveniently access the content you provide. Anchor tags let you link one part of your post to another area in the same post so that when a reader clicks the link she is automatically taken to the text you specify. Enter HyperText Markup Language (HTML) code to build anchors in your Blogger posts.

How to Anchor Tag in a Blogger's Blog Post

1. Log in to your Blogger account and click the "New Post" button to create a new entry.
2. Enter your content in the provided boxes. Click the "Edit HTML" tab at the top to go to the interface that allows you to enter HTML code in your post.
3. Position your cursor before the destination text where visitors end up when they click your link. Type "" without the outside quotes and enter a desired term in the quotation marks of the first tag. Follow this with a closing "" element as shown here:Destination text
4. Navigate to the content you want to display as the link and enter "" before the first word and "" after the last term. Type the anchor term between the first element's quotation marks and precede this entry with a number sign like so:Anchor link text
5. Click the "Preview" button and then click your anchor text to test out the link. Click the "Publish Post" button to finish saving your work.

TIPS & WARNINGS

If you use more than one word to name your anchor, separate each term with an underscore (for example, "anchor_name").
If your anchor link does not work when you test it out, minimize your browser window so only the link appears and then click it again. Anchor links only work if the destination text is not viewable in the same window area.

REFERENCES & RESOURCES

W3Schools.com: HTML Links
Blogger: Create Your Free Blog
Google: Blogger Help
World Wide Web Consortium (W3C): Links

How to create anchor links in Blogger

Open your Blogger blog post and choose HTML editor and locate the spot where you wish to add anchor links. To add your anchor links in heading, subheading and minor heading add it like this:

<h3 id=”anchortext” style=”text-align: left;”> Title</h3>

Add anchor links for paragraphs like this

<a id=”anchortext”></a>

Now publish your content and to check the anchor or jump links just add #your anchor id at the end of the URL.

Hope you found this useful on creating anchor or jump links in your site. Please share and leave your comments below. Subscribe to get the latest updates from us.