Main menu


Make a one-page website with blogger

   Blogger is free , really fast and provides you with really good services like a free SSL, So why using paid hosting services if you wanna make a one-page website for you or your rising business..
   Here I’m gonna tell you how to build a one-page website template for blogger (No blog posts will appear unless you add a blog-type widget)


  • First make a new blog by signing into blogger and from the left sidebar choose “new blog”
  • Once you have created a blog , go to theme -> Edit HTML
  • Remove the HTML on the page to start fresh
  • First, let's add the basic divisions of the page

<?xml version="1.0" encoding="UTF-8" ?><html xmlns=''

  • Then you have to put skin portion in between <head></head> so that you can place CSS codes

/****CSS CODE*****/

  • One last thing before you can save what you did , you have to add a <section> between <body></body>
<b:section id="mysection" class="section"></b:section>

  • Now you can save what you have done so far

  • Now you can go to w3schools website and under the section how to , You’ll find a lot of tutorials on how to make a navigation bar, header , a footer , web page divisions , and more
  • If you wanna add blog posts to the website you can add the following widget within a section
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog' version='1'/>

  • You can see this topic for more advanced customization of your blogger template

This a one-page website template for blogger that I made myself with the  codes on w3schools website.