Blogger's Jump Break option (the broken-page icon on your post tool bar) is very useful as it lets you display a short summary of your blog post on the homepage with a "Read more" link to continue reading the full post. But when you click on that link, it jumps to the point where you added the Jump Break. This short-tutorial will show you how to make that link jump to the top of the post so that none of your content is skipped.
1. Go to your blogger dashboard >> Template >> Edit HTML.
2. Search for the following piece of code: (To search, press CTRL + F and enter the code in the box that appears)
3. Exactly after/below this code you will see this line of code:
Steps to implement:
1. Go to your blogger dashboard >> Template >> Edit HTML.
2. Search for the following piece of code: (To search, press CTRL + F and enter the code in the box that appears)
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>5. Hit Save template and you're done! Now the read more link will directly jump to the top of the post.
0 comments:
Post a Comment