how to create 'read more' on blogger

Usually the most recent posts are displayed on the main blog. But if the post is too long then it will make a full main page. If you want to post that are displayed on the main abstraction only course then there is a link Read More / Read More to see more so follow the steps below;
1. Open the Layout menu and then select Edit HTML.

2. Love a check mark (tick) the checkbox "Expand widget templates"

3. Find the following code in your blog template (place approximately at 1 / 4 bottom HMTL code):

box "expand widget templateny" is checked first.
<div class='post-body entry-content'>
if met then there is this code below:
<p> <data:post.body/> </ p>4. If you have found, Replace this code <p> <data:post.body/> </ p> to be like this:
<b:if cond='data:blog.pageType == "item"'><style>. fullpost {display: inline;} </ style><p> <data:post.body/> </ p><b:else/><style>. fullpost {display: none;} </ style>
<p> <data:post.body/> </ p>
<a expr:href='data:post.url'> Read More ......</ a></ B: if>
The words "Read More ....." It can be changed, for example so "Read More".
5. Save the edit.6. Then select the Settings menu and select Formatting7. In the Post Template box enter the following code:
<span class="fullpost"></ Span>8. Then Save.
9. When posting, there are two tabs, the "Compose" and "Edit Html", select the "Edit HTML", It will automatically look like the following code:
<span class="fullpost">
</ Span>
10. Put abstraction posts or articles that will be shown the main dihalama (before writing "Redmore") above this code: <span class="fullpost"> while the remainder is put in the whole post code <span class="fullpost"> and </ span >
11. Completed
B. Another technique Read More
If the previous read more, if we click on Read More read more or that we will open a new page that will meloading again our web page. Read more in new tricks, we will create a link Read more that if we are to click the link, then the whole article will be posted below, so no need to load to the page you started. Here are the steps:


1. Login to Blogger
2. Select Layout -> Edit HTML
3. If you want to back up your template first click Download Full Template and save it.
4. JBeri a check in the box labeled Expand Widget Templates
5. Copy and paste the following code right above </ head>

<Script src = 'http://kendhin.890m.com/Readmore.js'
type = 'text / javascript' />
6. If this code is<div class='post-header-line-1'/>
(Located approximately in the middle and under)

7. D ibawahnya there <div class='post-body entry-content'> replace code like this:<div class='post-body entry-content' expr:id='"post-" + data:post.id'><b:if cond='data:blog.pageType == "item"'>
8.Terus underneath there is a code gini <p> ​​<data:post.body/> </ p>
9. Add this code underneath.<b:else/>
<style> # fullpost {display: none;} </ style><p> <data:post.body/> </ p><span id='showlink'><p> <a expr:onclick='"javascript:showFull(\"post-" + + data:post.id "\");"' href='javascript:void(0);'> [+ / - ] More ...</ a> </ p></ Span><span id='hidelink' style='display:none'><p> <a expr:onclick='"javascript:hideFull(\"post-" + + data:post.id "\");"' href='javascript:void(0);'> [+ / - ] Summary ...</ a> </ p></ Span><script type='text/javascript'> checkFull ("post-" + "<data:post.id/>") </ script></ B: if>11. so the entire code will be like this:


<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p> <data:post.body/> </ p>


<b:else/>
<style> # fullpost {display: none;} </ style>
<p> <data:post.body/> </ p>
<span id='showlink'>
<p> <a expr:onclick='"javascript:showFull(\"post-" + + data:post.id "\");"' href='javascript:void(0);'> [+ / - ] More ...</ a> </ p>
</ Span>
<span id='hidelink' style='display:none'>
<p> <a expr:onclick='"javascript:hideFull(\"post-" + + data:post.id "\");"' href='javascript:void(0);'> [+ / - ] Summary ...</ a> </ p>
</ Span>
<script type='text/javascript'> checkFull ("post-" + "<data:post.id/>") </ script>
</ B: if>
12. The word 'More' and 'Summary' can be replaced with what you wrote the word love.13. Then save the template.14. Select the menu Settings ->> Formatting15. At the bottom there is a box beside the words "Post Template", and enter the code below into it then save the settings.


<span id="fullpost">
</ Span> completed ....

If you post the select the "Edit Html", put the post of abstraction that will be displayed on the front page above the code <span class="fullpost"> while the remainder is put in the whole post code <span id="fullpost"> and </ span >
Then how for those who already use the 'read more' pingin old and replace with 'read more' new? how:
'Read more' of the old code like this:


<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>. fullpost {display: inline;} </ style>
<p> <data:post.body/> </ p>
<b:else/>
<style>. fullpost {display: none;} </ style>
<p> <data:post.body/> </ p>
<a expr:href='data:post.url'> Read More ......</ a>
</ B: if>delete the text that is blue, then follow the steps above, then follow these steps:
1. Select the menu Settings ->> Formatting
2. At the bottom there is a box beside the words "Post Template", and enter the code below into it then save the settings.
<span id="fullpost">
</ Span>

 note text that is red, his "class" now replace the "id".