Wednesday, September 16, 2009

Adding "Read More" feature in your Blogger template

Finally, after 12470 years, Blogger has finally included the "Read More" feature in their platform. The feature which is similar to Wordpress' Read More allows you to show only a part of your post in the front page which is perfect for long posts.

Just like Wordpress, there's a "Read more" button on your editor that you can place on where you want the cut to happen.

There's a dilemma though. Some templates especially those heavily edited will ignore this feature without a little tweak. Fortunately, it's very easy to implement.

1. Go to your Layout > Edit HTML
2. Check Expand Widget Templates
3. Find this line of code: <data:post.body>
4. Directly below it, add these lines of code:

<b:if cond="data:post.hasJumpLink">
<div class="jump-link">
<a href="data:post.url%20+%20%22#more%22"><data:post.jumptext></data:post.jumptext></a>

That's it. You should see your Read More working.

Oh yeah, currently the feature is in draft mode right now so to activate it, go to Settings > Basic and near the bottom of the page, select Updated editor as your post editor.

No comments:

Post a Comment

Blog Widget by LinkWithin