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.
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 == "PopularPosts")'> <b:if cond='data:post.featuredImage and (data:widget.type != "PopularPosts" 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 != "PopularPosts"'> ... {{ 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
Could you please explain the process for the Soho theme?
ReplyDeleteThank you!
ReplyDeleteThank you so much! This worked for me.
ReplyDeletehow to show full posts at homepage of notable dracula theme in blogger?
ReplyDelete