Simple Hack for expandable post i.e. just to display snippet of posts on Home page of blogger for better usability with "Read More" or Any customized Text
Step 1 : Login To Blogger and Go To Layouts --> Edit HTML
Step 2 : Click on "Expand Widgets Template" checkbox.
Step 3 : Find the code below in your HTML Codes.
<div class='post-header-line-1'/>
<div class='post-body'>
Or
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
Step 4 : Place This Code Below Previous 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>
Step 5 :Place The Below Code After This <p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Step 6 : You can change the "Read More" text with other.
Step 7 : Save your job.
Step 8 : Go to Setting --> Formatting Tab menu
Step 9 : At the lower page you will found "text area" box beside text "Post Template"
Step 10 : Put the code in the box
<span class="fullpost">
</span>
Step 11 : Save the setting.
Step 12 : If you want to post, put your short post or description above this code <span class="fullpost">, and the next or full post put between <span class="fullpost"> and </span> code.
Tags:
Tech News