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:
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:
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:
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.
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