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

Learn how to AMP'd your blog with valid AMP HTML Blogger theme framework. Visit Blogr-AMP Theme and AMPaction Theme. No 3rd party application. Compatible with published posts. Quick in search & on any devices.
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.

SOHO Blogger Theme add Post Snippet Tutorial at Home Page or Index Pages


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!

New shopping cart widget for Blogger blogs -- transform your blog & sell products using your blog posts instantly! Visit Add Shopping Cart Widget Page to learn more.

Interesting Related to this Topic at Irsah inDesigns Blog

Got It!

Data submitted via comments collected & stored by the respective providers.

Read our Privacy Policy to learn more on data management & protection.

DISQUS With Us!