Tech Junkie Blog - Real World Tutorials, Happy Coding!: 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

3 comments:

  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
  2. Thank you for the comment. I found that Blogger overwrite my changes sometimes and the templates becomes too bloated again. I kind of gave up on making wholesale changes now because it would probably be overwritten after I save it. I just make a few minor changes in the present time.

    ReplyDelete
  3. Joomla is a popular source of templates; they offer a wide variety of colors, themes and designs. There are two basic categories of Joomla templates, namely back end and front end themes.óriás plüss maci

    ReplyDelete