Soho Theme - Add Post Snippets at Homepage or Index Blogger Pages

The newer Blogger themes for example Soho, Emporio, Notable & Contempo provides several layout for Blogger users to display post text at homepage or index pages.

However, not all of these new responsive Blogger themes displays the post snippet at homepage or index pages especially when using Soho theme for Blogger on blogspot blogs.

Below is the quick & super easy guide to show/display post description or post snippets by adding/using Blogger snippet() constructor in your Theme > Edit HTML codes.

First, Backup your theme codes to your computer using the Backup/Restore button.

• Go to Theme > Edit HTML > click Jump to Widget > select Blog1 widget.
• Find & expand <b:includable id="post" var="post"> by clicking the small black triangle.
• Locate below pieces of codes..

  <b:else/>
    <b:include name='headerByline'/>
  </b:if>
  <b:include data='post' name='postTitle'/>
</b:if>
<b:include data='post' name='postFooter'/>

Replace to this..

  <b:else/>
    <b:include name='headerByline'/>
  </b:if>
  <b:include data='post' name='postTitle'/>
  <b:comment> Displays post snippets </b:comment>
  <b:eval expr='snippet(data:post.body, { length: 300 })' />
</b:if>
<b:include data='post' name='postFooter'/>

• Click Save Theme
• Refresh & Preview your blog homepage/index pages.

By using the above (highlighted yellow), it will display your post snippets within 300 characters. Update the value according to the amount of text you require to display. The snippet() constructor will output in raw text format & strips all HTML formats from your original post. 

Reference & working tutorial: How do I edit the SOHO THEME HTML to make full posts show on my homepage

If you need help and more details, please use the comment form below or use our contact page to directly contact us. One of our team members will surely help you out.

If you find this useful, please share this post by clicking the share buttons available below. Thank You!