How to Add Popular Post Snippets for Soho Blogger Theme

irsah 27 April

Blogger has discontinued the auto Add Widget functionalities as of 10/2024. All widgets requires manual additions. Sorry for the disruptions.
Contact us if you need support!

By default Blogger responsive themes like Soho does not display Popular Posts snippets, even though the snippets settings have been selected at Layout panel Popular Posts gadget setting window.

In this article, we will show you how to add the Blogger popular post snippets while still be able to use the widget settings at Blogger Layout panel.

Blogger soho theme add popular post snippets

Add Post Snippets for Popular Post Widget

Backup your current theme beforehand.
Go to Theme > Edit HTML
Click Jump To Widget > select PopularPost*
Expand <b:includable id='snippetedPostContent'>
Find these pieces of markups...

  <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  <div class='post-footer'>
    <b:include name='footerBylines'/>
  </div>

Replace the above as follows...

  <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  <b:eval expr='data:this.postDisplay.showSnippet ? snippet(data:post.body, {length: 160}) : ""'/>
  <div class='post-footer'>
    <b:include name='footerBylines'/>
  </div>

Click Save Theme
Preview your blog.

Replace 160 to the required amount of characters to display Popular Post snippetized texts.