Wednesday, November 21, 2012

Blank Blogger Template OR Blank HTML Page

6:33 AM  , ,  No comments

When we install any template in the blogger so many times we thinks that is it possible to have a blogger template like a blank html page, if it is possible then we can easily make own templates according to us and also can publish the static pages like we do in html, so that would be free of cost totally, and which will be helpful to us and also helpful to our bloggers. I know this post was already posted by Mohammad but we also tried this one with own efforts and after some little kind problems we done it successfully.






Install Blank Blogger Template

  • Login to Blogger > Dashboard
  • Create a New Blog > Select Simple Blogger Template
  • Click on Drop Down Menu and select Template
  • Now Click on Edit HTML > Proceed.
  • Delete all codes and paste below codes of Blank Blogger Templates

<?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 by Rose 91481
Name:        Blank Blogger Template
Designer:        Rose
URL:        http://widgetgenerators.blogspot.com
Get This:     http://widgetgenerators.blogspot.com/2012/11/blank-blogger-template-or-blank-html.html
----------------------------------------------- */



]]></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://www.widgetgenerators.blogspot.com' style="color: #ffffff">Widget Generators</a> 2012.</font></b></center>
</div>
  
</body>

</html>

  • Now click  on Save Template and this kind of error will show (see below)
  • then, Click on 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



Customize Your Template in Own Style

  • Add your Meta tags/JavaScripts/ links etc. in between <head> ... </head>
  • Add your CSS codes to style your page in between <b:skin><![CDATA[ ... ]]></b:skin>
  • Add your showing content which will show in your page in between <body> ... </body>



You can also download this template







What is this all?

BlogSpot templates are codded using the XHTML 1.0 Strict Document Type. It was developed by world wide web consortium on 26 January 2000. Unlike PHP or ASP.net the rules of XML are strict and unforgiving. A slight mistake in code results in terrifying error messages that you often see while editing your blog template. In order to understand how these templates are designed and programmed. You need to start from scratch. 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.



Enjoy This Post



If Any Problem Comes, Ask in Comments

    0 comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)