On

WordPress users can easily separate a Static Homepage and Blog Homepage. But BlogSpot does not provide a direct option for this. BlogSpot Homepage is always a Blog. You can create Static pages, but they are always internal. You can't choose a specific Static page to be the Homepage like WordPress. Methods such as 301 Permanent Redirects, .htaccess rules, or JavaScript-based redirections from Homepage to a particular Static page are ineffective.

 

However, you can replace Homepage with custom static content while keeping the blog functionality available on other pages. If you want to transform your BlogSpot website into a static website, follow these steps:



Code 1. add an HTML/JavaScript widget to your layout to display Homepage content

To create a static homepage, add an HTML/JavaScript widget to your layout, and ensure the HTML Widget appears only in Homepage. You should paste your static Homepage content here in HTML format. (Temporarily, if you need to refine your content later, use a temporary placeholder for easy identification.) To make sure the widget content is displayed exclusively on the homepage, modify the HTML template and insert the following conditional code inside the widget section:

<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div> 
</b:if> 
</b:includable>
</b:widget>


Code 2. Hide Blog Posts from the Homepage

If you do not want blog posts to appear on the homepage, locate the Blog1 widget in the HTML code. Then, apply an if condition to hide it on the homepage while keeping it visible on other pages:

<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:include name='super.main'/>
</b:if>
</b:includable>


Code 3. Display specific Widgets only on internal pages

In some cases, you might want a widget to be visible only on internal pages but not on the homepage. To achieve this, slightly modify the logic from "Code 1" and adjust the placement accordingly:

<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div> 
</b:if>
</b:includable>
</b:widget>


Example

Dear IT Solution at https://itsolution.devilhunter.net



Although BlogSpot does not natively support static homepages, this method allows you to achieve a similar effect using HTML, JavaScript widgets, and template modifications. By carefully managing widget placement and visibility, you can create a structured, static-like homepage while still maintaining a blog in the background.