Tuesday, September 20, 2011

How to make a HOME page in Blogger

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!

4 comments:

Stephanie of Gumdrop Pass said...

Um, I don't know if I've told you this lately or not, but... you're awesome! I've bookmarked SO many of your tips as things I need to get my behind in gear to do. :)

Thanks for sharing this and everything else. You rock!

Aggie602 said...

Thank you very much for your tips I no NOTHING when it comes to messing with my blog I appreciate the tips.
http://aggierxqueen.blogspot.com

Cindy said...

OMG Thank you! I didn't know ANYTHING either, and I started obsessive Googling until I learned the codes. I figured I may as well share what I came up with so someone else won' have to be so obsessive ;-)

Self Sagacity said...

Very well written directions. Like your tips today.