Create Read More On Your Blogspot Blog

At the first time using Blogger, I feel there is something missing from this Blogger. When I try to make a long text content, writing will be displayed entirely on the front page (Home). I want only the first paragraph (post summaries) displayed on the front page. There is no link "Read more" what I want. There is no tool in the editor (where writing posts) Blogger to add "Read more".

If in WordPress there. But Wordpress (free hosting version) I did not choose, because of the shortage that I can not overcome, that is one of them could not accept the javascript code.But do not worry. I already know the tricks. And now, I want to share their knowledge to you. There are 3 steps to create an introductory paragraph that will be displayed on the front page:

STEP 1 =>The addition of 'Conditional CSS'      

Conditional CSS to change how posts appear on different pages.
The trick, click Layout ---> Edit HTML.
Then backup the template by clicking Download Full Template.
Then look for and find this code </ head>
Add the following code right above it:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

The point is to make a class named fullpost which will appear only on the detail page (permalink)

STEP 2 =>Addition Read more

Step two, add a link "Read More" (or whatever suits your taste) that will appear after the introductory paragraph.
     For that click on the Expand Widgets Template checkbox just above the Edit Template box.
     Then scroll until you find the code:
     <data:post.body/>
     Add the following code after it:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Read more!</a>
</b:if>

Click Save Template. Read more of this link will only appear on the front page (home) and archives (Archive). When clicked, will open a new page containing a full article.

STEP 3 => The addition of the Post Template

The final step is to add in template format posts, so any new posts to make it easy for you, where to place the introductory paragraph and where the rest of the paper.
Click the Settings ---> Formatting, and then slide to the bottom of the page.
Copy and Paste the following code to the Post Template box:

Contain Before ReadMore
<span class="fullpost">
Contain After ReadMore/Hidden post
</span> 

When you make a post (Create Post) and then clicking the Edit HTML tab, you'll see something like this (Click image to enlarge):

Click to Enlarge

Replace the words "Contain Before ReadMore" to the introductory paragraph of your own. Then replace the words "Contain After ReadMore/Hidden post" with the rest of the next paragraph of your writing.
Do not remove the code <span class="fullpost"> and </ span>.
The point is enter your introductory paragraph above both the code and the next paragraph in between the two codes.
Then click Publish. See the results by clicking View Blog.

source: http://indobloger.blogspot.com/2007/08/trik-menampilkan-paragraf-pengantar-di.html

Happy Blogging .........!!!!!! 

From the desk of