Fadhlizaky's blog

Tuesday, January 20, 2009

How to Add Read More in Blogger


Login to your Blogger Account, and go to Dashboard, Layout, and Edit HTML.
Because we will edit the HTML code, you need to create a back up for your template, click Download Full Template.
Check Expand Widget Template

Now, find this code:<div class=�post-body�> or <div class=�post-body entry-content�>

Copy paste this code under the code above :

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

Look under that code you will find : <p><data:post.body/></p>

And paste this code below :
<a expr:href='data:post.url'>Read Full Entry</a>
</b:if>

click Save Template.
Than go to Setting, Formatting, and find Post Template area,
paste this code below :
<div class="fullpost">
</div>

Done, click Save Setting.
Now if you want to post, write in edit html. The text before <div class=�fullpost�> will be appears in your post, and the text after that code will be appear if you click the readmore link.

0 comments:

Post a Comment

Fadhlizaky's blog
 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com