How to Create a Static Home Page in Blogger

When it comes to home pages, most websites can be divided into two: static and non-static. As their name implies, static home pages stay permanent no matter how many times the website is updated, while non-static home pages reflect the changes that are made to the site and <a href="http://helplogger.blogspot.com/2016/09/how-to-hide-posts-from-blogger-homepage.html">show the latest posts</a> first.<br/><br/>The latter has become well-known nowadays due to the rising popularity of personal and even corporate blogs. However, there are still many people who prefer static home pages because it makes their websites look more organized and professional. It also gives them more control over the readers' experience on their site and helps them create stronger brand awareness through the uniform message that their home page presents.<br/><br/>Fortunately, if you own a Blogger site and want to make your home page static, you'll find that creating one isn't as difficult as it seems. You can create a <b>static home page in Blogger</b> by taking these steps:<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="static pages in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxPMwn7Hfs8gPIOHSBxOwZGM7tnNxlXG-AnLKxACSH5belzgo4B85OjwR0q90KDXS-1oRxnRIxY-OFqr1WpQ2ahkDcqmWCwcbYjDSBDAhUcp6je6UXkUA1T-lEQJS2e9Tu3Vk-MRa6CFTn/s1600/how-to-create-static-home-page-in-blogger.png" title="How to Create a Static Home Page in Blogger"/></div><br/><h3>1. Create your static home page</h3>The first thing you should do is to create a new page for your blog. This will serve as your static home page but, for now, it will look and act like any other page in your site.<br/><br/>To make this page, you'll need to go to the main menu of the Blogger dashboard and click on the "Pages" option on the left side on the screen. Doing this will lead you to the "All Pages" menu window. Here, click on the "New Page" button and you'll enter an editor that looks similar to the Blogger Post editor that you use when publishing a new blog post. <br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="static home page" border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2RPJ4yOYo5x7jSspeuDerN0LI2BVkBeESvvuG9cK7BDycPzbAvbYOSPQ7YRZJxT1hALokMFRTzTF71mHDUhzfJfX1HyCP61ojYgS1JznHxeC-p2wrhlAvDS2Lil8VNe-0WHCFHnZsqrJE/s640/create-static-page-in-blogger.png" title="Adding a new static Blogger page" width="640"/></div><br/>At the top box, enter the title that you want for this page - in this case, let's call it the "Welcome" page. In the larger text box, type the content that you want to appear on your home page; this can be a paragraph, or two about yourself or your business and what your site is all about.<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRsETUs0mqjVb_MR_VAJsNUIVwUit331WcgMZ5UUFGzBL6FtbQHCOk3JHMdJtp_v4Q7_PJ_bJWSQAMGTewQs7AP72eJkqh9919k3kyEOGq51bpTgTPqh-9jK0LLazsxN9XA_TM0_nELi-e/s640/how-to-create-static-home-page-in-blogger.png" title="Publish a Static Blogger page" width="640"/></div><br/>Once you're done, click "Publish". The window will return to the main "All Pages" menu, and you'll see the new "Welcome" page you've created. Copy the URL of the "Welcome" page since you'll need it later on. To do this, right click on the 'View' link and select 'Copy Link Location' from the menu.<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsbESldhqxNPW81nbM2lequH1_YsmXiVpy09Zs9psKFX9yVieNiOW85nO6Ta3xfQOSE39fZxb_e4ifjUYham_gsYyPHdWkv3g6oqCvVCtFUQGtnroLyp_ZirsGD3QgXqIBYD7z8OwuNgk/s640/static-home-page-for-blogger.png" title="View Static Home Page in Blogger" width="640"/></div><br/><br/><h3>2. Redirect the default home page to the static one</h3>Once your "Welcome" page is up, the next thing you should do is to <b>change Blogger's default homepage</b>. This involves redirecting from your site's original home page to the static homepage that you've created so it would be the first thing that people see when they visit your website.<br/><br/>Related: <a href="http://helplogger.blogspot.com/2014/07/how-to-set-custom-redirects-for-blogger-post.html">How to Set Custom Redirects in Blogger</a><br/><br/>To do this, you'll need to go to main Blogger editor menu, click on "Settings" on the left side of the screen, and choose "Search Preferences". Under the "Errors and redirections" section, you'll see the "Custom Redirects" option with an "Edit" link beside it. Click on the "Edit" link to open another window, where you'll see two boxes named "From" (with your blog's URL beside it) and "To".<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjD_19brS198xEnVn1qjNDrmEUUxgB4lZ8meYLW6L1sLotqsg9vsv0Ez6kumqTRWSPJbw6BOieSBH9KnPQ4q1IHGabRsLkFNHWT5QVYXF_rZCccJTcffDHtdBWkdHsQH1o2hzWGskXJk9x/s640/blogger-settings-custom-redirects.png" title="Redirect Blogger homepage to a custom page" width="640"/></div><br/>In the "From" box, enter only a forward slash symbol "/". In the "To" box, paste the URL that you copied earlier and add the latter part of the URL of the "Welcome" page. For instance, the page's URL of our demo blog is static-home-page.blogspot.com/welcome.html, so we'll remove the "http://static-home-page.blogspot.com" address and add only "/p/welcome.html" in the "To:" box. The "/p" signifies that it's a static page.<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="454" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR-O4yhZxwJGcn4TYjgSG3j1BkjuaZe9R5lzHiaEQmbXmxSYorV6W5ZhqhTS7y22cNS0gNoPOL2plCep3WQuypEDet6Qz8_a9CeFKhaDEfXCTK0zTajlK2nSWgzBtC4kOuzO45WNntwbzm/s640/custom-redirects-in-blogger-settings.png" title="Redirect Blogger homepage to static home page" width="640"/></div><br/>Next, check the little box beside "Permanent", click on the "Save" text link, and press the "Save changes" button. Doing these will redirect your site's main URL to its new static home page. Access your blog on a separate browser to see if it works.<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5xM6Gm5d5nLrRrsU8sStSZWsSdPLqquzK5L747xZmJlI6lyatww_pXtOBy5GHSoKv2leqb7dUfvg_9-ErKnnowi26-5GtaGAzCDKJf2nm_DitSn6zEJYbK1w5I0srciVo5y93s_scrNiW/s640/set-custom-redirect-blogger-home-page.png" title="Custom redirects in Blogger settings" width="640"/></div><br/><h3>3. Make tabs for your site</h3>If you're not planning to make tabs visible in your blog, you can stop at Step #2. But, if you want your site to have tabs that indicate the home page, the main blog page, and other pages you may have (such as the FAQs and Contact Us pages), you'll need to take another step.<br/><br/>Why is this important? Basically, when visible tabs are enabled in your site, they will show that you have two existing pages: the default home page and the new "Welcome" page you've created - both of which redirect to the same static page. This can be confusing for your readers and may even affect your search engine rankings.<br/><br/>To fix this, you first need to enable tabs by going to the "Layout" menu item and click on the "Add a Gadget" link. You can choose to add it below your blog header or sidebar. In many cases, it's advisable to add it below blog's header since they're more visible and give your website a sleek, professional look.<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglRLUU4AVpX7-5dkuzsx4-SctzufFPe6pV0WeMoaYgjxX6P4aQx9d5DFoKq_mHey4Nsl9ln0WgoCaNPvdp1uCcrMRw9VL4_KufNgC3yxjcDUXyLETtLhL1BNJSKPHWWh8FaDzzk7ussS4V/s640/add-a-gadget-blogger-layout.png" title="Adding a gadget from Blogger's layout" width="640"/></div><br/>Once the pop-up window opens, scroll down and click on the 'Pages' link:<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR40RdcUKVRgN07iYKFfNVO36bss0QZH_clXovAlyUiLyrGsojfUN22NNhBAcg9dewgPRFSn7eby6VProf3aGFG6p4RhFdkTPaqG_ilLdQtnidjpTtwH5XeATRb4_GP501Im5oyqYBviIC/s400/add-static-pages-menu-to-blogger.png" title="Adding Pages gadget in Blogger" width="400"/></div><br/>This will open another window named "Configure Page List". Here, under the "Pages to show" section, you'll see the default home page and your new static homepage with small boxes beside them. Uncheck the box beside the default home page to hide it from view, check the pages that you want to display in the menu and then click on the "Save" button to save the changes.<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlKrC-Vz7PqLtQOir0dGhJNb_LF0JEaDoZI3rOk4kZi0zkcCCk4_VkjRduV0JX2LrdW_cZJgxuki6iJzuRQs1-5_XQCknYgh5nmdvDSfRdMXSfQhzrJ0IQuhMrgr9hHRCrMRVZU80XUbDP/s400/configure-page-list-in-blogger.png" title="Configure Page List in Blogger" width="370"/></div><br/>You can stop at this point but, if you want, you can also create a specific tab that will lead to your main blog post page. To do this, edit the "Pages" gadget that you just saved and click "+ Add external link".<br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZmeg20Sb144tU0ILNzm4A5jRzoPYGdlCjShYt0VhRX_S5hgGK-T9XVM3S_2ED3Ot705jg2s3dSBmjcVwMe8mrkkOKWfE9-r69UifVLrN07KqXkifcig3fRDyh0vI-8tMi5MuS2Gmf67E/s640/add-external-link-blogger-page-list.png" title="Add external link in Blogger" width="640"/></div><br/>On the new window that would open, enter the title you'd like for the page (such as "Blog") along with <span style="color: blue;">/index.html</span> web address, then hit "Save Link" and click the "Save" button on the "Configure Page List" window. <br/><br/><div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI2nWb4b-GKSVId3mLlzLNFEO6Dj2njZjIQ29Wp2AbDcTF4A39eguCepnNmgHLAHniWhrdsI3PPUnN03r1PpvraUnwDcxa4fTQAI_wJ2bVWtavAsWxCYm9M8hyphenhyphen2i3Rqk1fCLg1cIAoScO_/s400/add-new-static-page-in-blogger.png" title="Linking back to the Blogger blog posts" width="370"/></div><br/>Now, view your site and you will see the pages menu containing the "Welcome" page and "Blog" tabs. To see how this works, you can also visit our <a href="http://static-home-page.blogspot.com/p/welcome.html" rel="nofollow" target="_blank">demo blog</a>. Enjoy!<br/><br/><h4>Final Note</h4>Having a static home page can be beneficial for your blog. Follow the steps above now to <b><a href="http://helplogger.blogspot.com/2014/05/how-to-add-static-pages-to-blogger-blog.html">create a static home page in Blogger</a></b>!

How to Create a Static Home Page in Blogger

When it comes to home pages, most websites can be divided into two: static and non-static. As their name implies, static home pages stay per...

Read more »