How to Add a Blank Blogger Template

Learn how to add a clean blank Blogger template step by step. Easy guide to start a custom design from scratch using HTML.
How to Add a Blank Blogger Template

👋 Welcome guys! In this tutorial, I'll show you how to add a clean, blank Blogger template step by step. Perfect for starting a custom site from scratch!

Follow the steps below carefully and you'll have your own fresh Blogger layout ready in no time:

  1. First of all Login to your Blogger Dashboard.
  2. On Blogger Dashboard, click Theme.
  3. Click the arrow down icon next to 'customize' button.
  4. Click Edit HTML, you will be redirected to editing page.
  5. Select all old code (Ctrl+A) and delete it.

    Then copy and paste the new blank template code below:

  6. Blogger Blank Code Copy Template

    <!DOCTYPE html>
    <html b:version='2' class='v2' 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>
      <meta content='width=device-width, initial-scale=1' name='viewport'/>
      <b:include data='blog' name='all-head-content'/>
      <title><data:blog.pageTitle/></title>
    
      <b:skin><![CDATA[
        body {
          margin: 0;
          padding: 0;
          font-family: 'Segoe UI', sans-serif;
          background: #f9f9f9;
          color: #333;
        }
        header, footer {
          padding: 1rem;
          text-align: center;
          background: #000;
          color: #fff;
        }
        main {
          padding: 20px;
          max-width: 800px;
          margin: auto;
        }
      ]]></b:skin>
    </head>
    
    <body>
      <header>
        <h1><data:blog.title/></h1>
        <p><data:blog.description/></p>
      </header>
    
      <main>
        <b:section id='main' class='main-section' maxwidgets='5' name='Main Content' showaddelement='yes'>
          <b:widget id='Text1' locked='false' title='Welcome to EmadulAi!' type='Text'/>
        </b:section>
      </main>
    
      <footer>
        <p>© <data:blog.title/> - All rights reserved</p>
      </footer>
    </body>
    </html>
  7. Step 6: Save the changes by clicking on this icon

Success!That’s it! You’ve successfully applied a blank Blogger template. Now your blog is ready to customize. Need post layout, download buttons, or menus?
Related Posts

Download Blogger Blank Template (XML)

  1. Click the Download Now button below.
  2. The Blogger Blank Template XML will start downloading automatically.
  3. If the file opens in your browser, press CTRL+S or Right Click → Save As to save the file.
  4. After download, go to Blogger → Theme → Restore → Upload and select this XML file.
Blogger Blank Template 1.60 KB
Conclusion This is all about making a How to Add a Blank Blogger Template. I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us in comment box.

About the author

Emadul Tarafdar
Hello guys! My name is Emadul Tarafdar. If you enjoy my content, feel free to follow me on my social media links. Thanks so much for your support!

Post a Comment

Join the conversation