How to Post Summary (Read more Function)

Blogger has supported Read more function - To complete the 10th anniversary gifts, now blogger has added one awaited button by thousands bloggers all around the world, it is "Jump Break" button or "More" button or "Read more" button that has function to cut off the article on homepage or known as "read more function".

It means, to cut off the long article on the homepage to be shorter, you only need to click the button " Jump break " and you do not need to be on the go to type the read more code from any hack.



However, it seems that this button only appears on the new post editor and in the mode "Compose", and does not appear in the mode "Edit HTML". Even though, you cans till use the “ read more function " at old post editor as well as in the mode “"Edit HTML" by typing manually the code: < !-- more -->

If you use the original template from blogger, you can directly enjoy the feature and the result will appear the text “ Read more » “ like this:

If you do not use the original template from blogger, for instance, you download it from another site, the "Read more function" will still function very well. In other words, your articles will be cut off, but the words “Read more »" will not appear. For this case, you have to add the additional code to your template. The following are the steps:







Please log in to Blogger with your ID

Click Layout.

Click Edit HTML tab

Check the small box next to " Expand Widget Template "

5.Find the code like:



< div class='post-body entry-content'>

< data:post.body/>

< div style='clear: both;'/> < !-- clear for photos floats -->

< /div>



6.Copy and paste the code below exactly below the above code:



< b:if cond='data:post.hasJumpLink'>

< div class='jump-link'>

< a expr:href='data:post.url + "#more"'>< data:post.jumpText/>< /a>

< /div>

< /b:if>

Click SAVE TEMPALTE button

Done

With that way, the words “Read more »" will appear although you don’t use the original template from blogger.











By default, the words to be displayed is “Read more »”, but you can change as you want. Here is the way:







Please log in to blogger with your ID

Click Layout.

Click Page Elements tab

Click "Edit" on "Blog posts" Element

After new window appears, change the words “Read more” with your own words.

Click SAVE button

Done

It is finish good luck and keep blogging

Categories: read more