How to make a HOME page in Blogger

Tweet

One of the definite disadvantages of the Blogger platform, is the inability to create your own landing page. I've created somewhat of a workaround for this, as you will see demonstrated by my blogs new HOME page :) If you arrived here on a post, click 'Home' above to check it out!

Here's how it's done:

1. You will need to create an HTML widget, and this will be your home page. (eventually) If you need help with some basic html to create this page to your liking, there is a tutorial HERE.

2. Save your widget, (with XXXX****XXXX as the title- you'll see why soon!) and drag it over the "Posts" section.

 

3. Next go to Settings/ Formatting, and set the Max Posts to 0. (First question)

4. Next you will have to ensure your new widget ONLY shows up on your "Home" page.

• Go to Design/Edit HTM
• Expand Widget templates (a little check-box)
• Press ctrl F or Apple F to bring up the search bar, and locate your weird title (XXXX****XXXX)
• It should look like this:

<b:widget id='Text1' locked='false' title='XXXX****XXXX' type='Text'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

• Insert the following code as shown in red

<b:widget id='Text1' locked='false' title='XXXX****XXXX' type='Text'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

That's it! You are done! 

Have FUN making a new unique HOME page!