Create Read More for New Blogger Template

How to create read more for new blogger template? This question often comes up in many blogger blog comments. It seems that one solution can worked in one blog, but in the other hand it won't worked in other blog. Therefore I am going to give some tips on read more for new blogger template.

Creating read more on new blogger template is actually easier than creating read more on older blogger template or classic blogger template. Because blogger have created read more feature in new blogger template to make us easy to create. You just need to follow these instructions.

TIPS: Before you start editing the html you need to download your template for backup. Go to Design then click and then go to Edit Html click and then under Backup/ Restore Template click link Download Full Template. See these pictures bellow.

 1.1

Then go to Edit HTML and click

1.2

After that under Backup/ Restore Template click Download Full Template.

1.3

Now after you have downloaded your full blogger template, you can start edit the html and create your read more. Follow these instructions bellow.

1. Go to Edit HTML

2. Expand Widget Template (see picture bellow)

1.4

3. And then use Ctrl F and you will see these box (see picture bellow)

 

1.5 

4. Paste the bellow code  into the box (see above picture) click next down arrow or previous down arrow to find the code ---->  <data:post.body/>

5. Then copy the code bellow and put it bellow the above code as seen on picture 1.5.

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

Save your template and you are done editing
Now on your post you need to do these instruction (see pictures bellow)

1. Go to posting and create new post. After the new post is created then break the post into two part by inserting jump break (see bellow pictures)

All the steps are completed now and if you want to see the read more text go to Design --> Page Element --> Blog Post --> Edit. See picture bellow,you can change the read more with continue reading or what ever you like.

And you are done, you can see  the result on your front page. See the picture bellow;