Many people just wondering how we can add the read more feature on new blogger beta template. Now i'll show you the way.

1. Go to your blogger, layout, edit HTML, Check the Expand Widget Templates, and add the red code exactly like example below, then save it.


<div class='post-header-line-1'/>

<div class='post-body'>

<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>

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

2. Go to your blogger setting, tab formatting and add the code below to your "Post Template"

<span class="fullpost">
Type rest of the post here
</span>

3. Save it then you're done well and good luck.

0 comments: