Tech Junkie Blog: Blogger Template From Scratch : Create An Empty Template

Sunday, July 17, 2016

Blogger Template From Scratch : Create An Empty Template

It could be frustrating to edit your blogger template with the overwhelming size of the code.  Talk about a single page application, not in a good way.  There are thousands of lines of code in the blogger Template. The tag help site is not very helpful Blogger Help. In this blog series we are going to edit the Blogger template the from scratch using the least amount of code possible and then use bootstrap to do the styling once we get the bare bones elements in place.  The first step is to get start with the least amount of code possible then start from there.  So I have a boilerplate for the least you can have for a Blogger template below.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
  <head>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*]]></b:skin>
  </head>
  <body>
    <b:section id='main'/>
      <b:section id='side-bar-left'/>
</body>
</html>



The code above is all you need for an empty Blogger template.  You need at least one <b:skin> tag and at least two <b:section> tag in the body else the template will throw an error there you go nice and clean.



You can see the result if you go to my sandbox blog at http://bloggerdevsandbox.blogspot.com/

















Blogger Template Development Series:
  1. Blogger Template From Scratch : Create An Empty Template
  2.  Blogger Template :  Display Blog Posts With Just 32 Lines of Code

1 comment:

  1. Helpful Article who wants to create own Blogger template. For searching better method to create blogger template I got it. But I think this article should be updated. Because Blogger has been upgraded Template to Blogger. I also have created a Blogger Template. :)

    ReplyDelete