Read more for blogger

I have listed all 7 hacks to create a read more / expandable post in blogger here. And this means, this post has been depreciated. thanks

Now, that you have learned the main idea of the read more hack in blogger, here is the step by step guidance to install read more hack on blogger.

This will work both for New Blogger Version.

So here it is,

1. Go to your blogger template HTML editor. Tick the “Expand Widget Template”

2. Go find this code

</head>

replace with this code below

<style type=”text/css”>

<b:if cond=’data:blog.pageType != “item”‘>

.therest {display: none;}

</b:if>

<b:if cond=’data:blog.pageType == “item”‘>

.readmorelink {display: none;}

</b:if>

</style>

</head>

3. Find this code

<data:post.body/>

Replace with this code below

<data:post.body/>

<a expr:href=’data:post.url’ expr:title=’data:post.title’>Read More…</a>

4. save your template and done.

Now all you need to do is just split your post content, and wrap the rest post with a div of “therest” class.

here is the example:

This is an example post. This paragraph is the exerpt. You should see this paragraph only on the homepage or on the front page or on the categories page or on the archive pages or on the search result page.

<div class=”therest”>This is the rest paragraph of the example post. You should be able to see this paragraph only on the post page or on the item page. you can not see this paragraph on front page, or on categories page, or on archives page etc.

This is the third paragraph. and of course this will be also seen on the post page only.</div>

Or if you want it automatically appear each time you create a new post. do this steps

1. Go to your dashboard -> Settings -> Formatting

sumber :jackbooks.com