ADD READ MORE BUTTON IN BLOGGER BLOG OFFICIAL WAY

Today, I am teach you how to edit or customize your blog post to Jump break or read more button in blogspot blog.

Customization your post by putting "read more link or adding image instead". I am giving you step by step tutorial how to put read more link or read more image to your blogspot blog........

HOW TO  FIX AUTO JUMP BUTTON OF THE PAGER AFTER CLICKING READ MORE LINK

1. Go to Design tab of your blogger account and click "Edit html" and then click the "Expand widget Templates" checkbox

2. Find below text from Ctrl + F

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

after find above code you have do the delete words as i mentioned below

+ "#more"

3. After delete you can see full code look like below

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

HOW TO  CHANGE  READ MORE TEXT  IN BLOG

 1. Go to Design tab of your blogger account and click "Edit html" and then click the "Expand widget Templates" 

2. Find the word 

<data:post.jumpText/>

3. Change the below text whatever you want to write

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'>Continue reading!</a>
</div>
</b:if>

 Change above yellow line text whichever you want.....

HOW TO  AD  IMAGE INSTEAD OF READ MORE BUTTON IN BLOG

1. First Go to Design tab of your blogger account and click "Edit html" and then click the "Expand widget Templates" 

2. Find the below word

<data:post.jumpText/>

replace below word 

<b:if cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url' expr:title='data:post.title'><img src="http://image-URL.png"/></a> 
</div> 
</b:if >

 put your image url in yellow field.....

That's it for today........