Wednesday, February 13, 2013

Create Blank Blogger Template or Blank HTML Page

Blank Blogger Template

Is it possible to create blogger Blank template or a blank html page?
yes, it is Possible and Easier to create a Blank Blogger Template.
Blogger templates are coded using the XHTML 1.0 Strict Document Type.Unlike PHP or ASP.net the rules of XML are strict and unforgiving. A slight error in code results in terrifying error messages that you often see while editing your blog template. The entire blogger template consists of widgets that are operated and managed using classes and IDs. The blog posts section itself is a giant widget that can be styled in different ways.

Steps to Create Blank Blogger Template:
1. Login to Blogger > Dashboard
2. Create a New Blog > Select Simple Blogger Template
3. Click on Drop Down Menu and choose Template
4. Now Click on Edit HTML > Proceed.
5. Delete all codes and copy & paste the below code in it
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blank Blogger Template
Name:        Blank Blogger Template
URL:         http://lwthacking.blogspot.com
----------------------------------------------- */
]]></b:skin> 
</head>

  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

<div style='margin-top:700px; '>
<br/>
<center><b><font color='#ffffff'>&#169; All Rights Resrved by <a href='http://Lwthacking.blogspot.com' style="color: #ffffff">LWTHacker</a> 2013.</font></b></center>
</div> 
   
</body>
</html>
6. Now click Save Template and you will get this error  (see below)
then, Click delete button.
Warning: Your new template does not include the following widgets:
BlogArchive1 Profile1 Attribution1 Header1 Blog1
When You See the Layout of this template, It will be Blank and only it will show only the Favicon
Blank Blogger Template Preview

Customizing Blank Template:
Add Meta tags/JavaScripts/links etc. in between <head> ... </head>
Add CSS codes to style your page in between <b:skin><![CDATA[ ... ]]></b:skin>
Add Content in between <body> ... </body>
Enjoy :)
Technorati Tags:

No comments:

Post a Comment