Notable Theme Display Full Blog Posts at Homepage or Indexed Pages

On the newer Blogger Theme Notable, blog posts diisplayed at homepage & index pages only displays a snippet of each posts.

In this tutorial we will guide you on how to display full blog posts for homepage and index pages for Notable Blogger theme with minot modification at current theme codes.

Display Full Blog Posts at Homepage Noatble Blogger Theme Tutorial

Newer Blogger themes (V3) uses default Markups tags where users can customize HTML output without compromising existing widget codes.

How to Display Full Post at Homepage/Index Pages for Notable Blogger Theme


Backup your current Theme to your computer using the Backcup/Restore button before proceeding.

  • Go to Theme
  • click Edit HTML
  • find <b:defaultmarkups>
  • pay attention at attributes/tags highlighted green.

<b:defaultmarkups>
  <b:defaultmarkup type='Common'>

  ... {{ lots of codes }} ....

  <b:includable id='normalPost'>
    <b:if cond='(not data:view.isSingleItem or data:widget.type == &quot;PopularPosts&quot;)'>
      <b:if cond='data:post.featuredImage and (data:widget.type != &quot;PopularPosts&quot; or data:this.postDisplay.showFeaturedImage)'>
   
    ... {{ lots of codes }}... 
  
      </b:if>
    </b:if>
   <div class='post-content container'>
      <div class='post-title-container'>
        <b:include data='post' name='postTitle'/>
      </div>
      <div class='post-header-container container'>

      ... {{ lots of codes }} ....

      </div>
      <b:if cond='data:view.isSingleItem and data:widget.type != &quot;PopularPosts&quot;'>

      ... {{ lots of codes }} ....

      <b:else/>
        <b:include cond='data:this.postDisplay.showSnippet ?: true' data='post' name='postBodySnippet'/>
      </b:if>
      <b:include data='post' name='postFooter'/>
    </div>
  </b:includable>

... {{ lots of codes }} ....

  </b:defaultmarkup>
</b:defaultmarkups>

  • Pay attention to highlighted areas... 
  • Remove highlighted red.
  • Replace highlighted yellow with this <data:post.body/>
  • Click Save Theme

Source: Notable Theme Display Full Blog Posts

1 comment:

  1. Could you please explain the process for the Soho theme?

    ReplyDelete

Insert search keyword(s) & press enter...

Subscribe & Get Latest Stories via Mail...

 
Our website development is made possible by displaying online advertisements.
Please consider supporting us & our projects by disabling your Ad Blocker. Thank You.
Our website requires javascripts turned on for best user experience.
Please consider to turn on your web browser javascript. Thank You.
GDPR: Data submitted at our site is managed by 3rd party processors. Read more on how data is collected, managed & processed at our site. Learn More