Design a blogger template from scratch

. Sunday, October 12, 2008
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks

Step 2 - The First Lines

  1. Open Wordpad or another editor and start a new empty text document. (Notepad++ is excellent for that purpose)
  2. The main structure of any web page is :
    <html>
    	<head>
    
    	</head>
    	
    
    	<body>
    	
      	</body>
    </html>
    
    Remember that the HEAD section usually contains general info (such as title, style properties, etc), where as the BODY section includes the main contents and structure.
  3. For this to work as basic XML template though, to this basic structure, we must add a few more details. Check out the differences marked in red.
    
    <?xml version="1.0" encoding="UTF-8" ?>
    <html 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>
    		<b:skin><![CDATA[
    
    		]]></b:skin>
    	</head>
    	
    
    	<body>
    	
      	</body>
    </html>
    
  4. Copy/Paste the above text to your empty Text Document. Save your document as Test.xml.
  5. Return to your blogger account (in Edit HTML) and choose Browse to find your template (test.xml) and then upload it.
  6. If it asks for your permission to delete several widgets, if this blog is really an experimental one, then accept.
  7. Reload your blog page (xxxxx.blogspot.com). What you must be seeing now is nothing but a blank screen.
  8. Are you ready to start creating our layout? If so, proceed to the next step.

 

<< Previous Step

Next Step >>

2 comments:

Addison said...

What a useful information you shared in this post! Thanks for sharing.
Site CSS Templates

Austin Brove said...

Brilliant! Your talent is really cool
Free Web Templates

.