Create Read More
Tuesday, 15 July 2008

If you want to create a "read more.." in your post page, you can simply follow these steps below:

First Step:
Put this code below before </style> tag

<!-- code 1 --> <MainOrArchivePage> span.fullpost {display:none;} </MainOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage> <!-- end code 1 -->

Second Step:
Put this code below after <$BlogItemBody$> tag

<!-- code 2 --> <MainOrArchivePage><br /> <a href="<$BlogItemPermalinkURL$>">read more..</a> </MainOrArchivePage> <!-- end code 2 -->

Third Step:
Go to Setting >> Formatting
On the bottom of your page, you will see "Post Template"
Insert this code below in the box, do something like this

<!-- code 3 --> <span class="fullpost"> </span> <!-- end code 3-->

Fourth Step:
Save it!! Now you're done

Now, when you create a new post. Go to "Edit HTML", now you should see the code on third step. Type the post with format like this:

Type anything you want to show in the main page. In the bottom of this page you will see "read more.." that linked to the rest of this article. <span class="fullpost"> This is the rest of article that is hidden from the main page. You can see this word by clicking "read more.." from the main page. </span>

Preview>>

Labels: Articles