Latest Art Work

Sunday, June 06, 2010

Summarised your blog post

After the Jump is a Blogger feature which lets you create a summarised blog post that will expand only when you click the "Read More...". I decided to use this feature for Bflygal Trails.

Image source: Blogger Support

Just use this icon to create the jump break in your blog post and you will be able to create summarised blog posts.

However, if you customised your template like me, you have to amend the customised template.
1. As usual, to access your blog's layout, go to Layout > Edit HTML tab.
2. For precaution, you can choose to backup your template by clicking "Download Full Template" at the top of the page. This is an XML version of your template which you can upload later if anything went wrong.
3. Click the "Expand Widget Templates" checkbox.
4. Search for
<data:post.body/>

in your HTML layout.
5. Paste the following snippet directly below it:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >


6. Save your template by clicking "Save".
7. View your blog. You will be able to see summarised blog posts with "Read More...".

P/s: Consider trying out this trick too...
Creating thumbnails related post

0 comments: