Create Read More in Blogger

There are several lines of basic code from the posts that need to be on the look.

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Take a good look at the code above, it is the original code of your template before the brain-tweaking. What we need now is to add a few lines of html code. Immediately, we see the code / text in red below.

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p> <!-- dua -->

<a expr:href='data:post.url'>Read More.....</a> </b:if>

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

The code is deliberately to differentiate the color, the color blue is the original code of the template, the color red is the code that had been added. What should my friend look carefully is this code:

<p><data:post.body/></p>

The above code should make sure that there are two there should be no one because if there is one then post my friend could disappear altogether, but in fact the whole post is not lost, but not in the show alias in hiding. Postings on the show and in hiding since the code:

<style>.fullpost{display:inline;}</style>

<style>.fullpost{display:none;}</style>

{display: inline;} means that in the show, and {display: none;} means do not display an alias to hide and this is the code if incorrect installation resulted in all posts to be not in the show, so if united the entire code, then something like This

Show posts

Do not show post

Show posts if at the click of a link Read more ...

Steps to be no less importantly, my friend have to install the code Readmorenya on the Edit HTML tab and not on the Compose tab, and the code Read more ... should always be on the cover. Example installation of the code read more ... in articles like this:

It is written in the first paragraph that will appear on your blog home page, paragraph - the other paragraphs will occur if the blog visitors to click the link Read more ...

<div class="fullpost">

writing / paragraphs to hide

</ div>

You want to see the original sample please click here

Read also this....