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>
</div>
</b:if>
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.
Wednesday, September 16, 2009
Adding "Read More" feature in your Blogger template
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment