Have you ever visited a blog that has a very long post and you have to roll the screen down, down, and down. Enough to make you dizzy, do not you?
Many times you visit a blog and want to see the latest posts and decide which one to read further. This is more influential, especially when first time visitors came to your blog. you do not want to make visitors run away without seeing the contents of blogs as a whole is not it?
So, how to make visitors view your blog better? cut a long post so that they can choose which posts attract and keep reading. This is an old trick used by the web long before the news, as www.detik.com.
How to make it? Here are the steps :
1. Open your layout and select edit HTML.
2. Select the "Expand widget templates".
3. Find the code like the following :
<div class='post-header-line-1'/>
<div class='post-body'> or <div class='entry'>
And :
<p><data:post.body/></p>
4. And change into something like this :
<div class='post-header-line-1'/>
<div class='post-body'> or <div class='entry'>
<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>
5. Bold letters of code is the code you added. For the words "Read More" you can substitute as you wish .
