Create Expandable Posts in Blogger Blogs for Fast Browse

Now compare Blogger with Wordpress,Blogspot Blogs have less widgets and plug ins for Publishers.In this way we need manually add some special features to blogs hosted in Blogspot platform.
This post explains How do Create Expandable Posts for blog posts.This hack may also called as "Read More" or "Continue Reading". Following steps explain th code installation process into Blogger Template.
Login to Blogger >> Dashboard >> Layout >>Edit HTML >> Expand Widget Templates [Backup your Blogger Template before any Modify]
Find the following line

<data:post.body/>

Replace the above line with following code


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

Code Preview:
Code Preview
Save your template.Template editing is completed.

Next step is Go to Settings >> find post template box.Copy and paste the following code into box, Save settings.

<span class="fullpost">

</span>

Setting Preview:
Read More
Check the function by a Test Post.Now you find a code in your post text editor(HTML mode).Now text or any content between code not displayed,Display only Continue Reading.
Post Preview:
Test Post
OK are you ready.This hack need for Fast Browse Readers
If you find any error recheck your process.Remain you face any fault comment here.

1 comment:

  1. Worked like a charm thanks I need to do this for a long time now just could not find it's a problem with blogger templates

    ReplyDelete

Hello, Write Your Here...