Main menu

Pages

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)

Steps

  • 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='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
</head>
<body>
</body></html>


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

<b:skin><![CDATA[
/****CSS CODE*****/
]]></b:skin>


  • 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.

 

Comments