Monday, October 10, 2011

Disable Auto Jump for Read More of Blogger's Blogspot Post

Sponsored Ads
These few days, I found that the jump link or jump break provided by Blogger blogspot is quite flexible. Personally, I find the jump break function of Blogger is quite good and it makes blogging a lot more easier.

But, when I click on "Read more" or in my blog "Continue reading...", the next page loaded will automatically jump to the point at which the post was cut. Since I like to read blog posts from beginning to the end, so I would like to remove the auto jump of blogger's jump break. It took me sometime to figure out how to remove the auto jump of blogger blogspot jump break.

In this post, I will share with you how to remove automatic jump of blogger jump break. Removing the auto jump can give a better reading experience for your blog readers.

First Step: Where is Blogger Jump Break

Blogger Jump Break

If you do not know what is jump break, then you can look at the picture above. That is the button for us to click to create a jump break in our blog posts. After adding jump break to our blog posts, our blog posts will only show a summary on the homepage of our blog. You can look at Earn Money From Blog 2.0 homepage, you will see all my blog posts show only short summary. It is because I use jump break.

Second Step: Remove the auto jump of blogger jump break

If you click on the "Read more" link on blog posts, you will reach the page where the full blog posts are being shown. If you do not disable auto jump, then the page you see will start from the point where the summary ends. You will not see the full post from beginning until the end unless you scroll to the upper area of the page.

So here, in order to remove the auto jump of blogger jump break, you will need o go to:
1. Design > Edit HTML > Expand Widget Templates
2. Find the codes as shown below:

<div class='jump-link'>

Next, you need look for the codes as shown below:

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

3. After you have found the codes as shown above, you can now remove the codes below from it:

+ &quot;#more&quot;

By removing the codes above, the auto jump of blogger's jump break will be disabled.

4. Finally, your codes will look like this:

<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>

Now, click "Save Template" button and the auto jump of blogger jump break are removed from your blog.

That's it. You have disabled the auto jump of blogger's jump break.

You can now visit your blog to click on "Read more" link and you will find your blog posts start showing from the beginning instead of half way through the posts.

After disabling auto jump, you can read the blog posts from beginning until the end and I am sure it will be a better reading experience for you and for your blog readers as well.

After you have removed the auto jump of blogger jump break, you can place AdSense Ads on top of the page known as above the fold to gain some clicks and make some extra money too. (You can read about the best location to place AdSense Ads to Quadruple AdSense Click-Through-Rate (CTR) and Make More Money From AdSense. Coming soon...)

About the Author: This Post is written by William Lee (Nickname: Greenleaf). Make money blogging and work from home is the best job I ever experienced.


ittech said...

Like this article , I also do not use the jump links , first time I read about this revesrse jump link article

sasha said...

its new information for us smash repairs perth

ghuraba' said...

It doesn't work on my blog. why?

Greenleaf said...

Could you explain more about your situation? Thanks

Post a Comment