To make the most basic template, create a new folder in the templates folder. Name this folder after your template i.e. mynewtemplate.

Using your favourite text editor create the files index.php and templateDetails.xml. To keep things organized, make 2 new folders called images and css. Inside the css folder create a file called template.css.

Although it is fine to place all your CSS code directly in your index.php file to start, many web developers prefer to place their CSS code in a separate file that can be linked from multiple pages using the link tag. This may also shorten the loading time of your pages, since the separate file can be cached.

This is the most basic practical setup. Outline of folder and file structure:

  • mynewtemplate/
    • css/
      • template.css
  • images/
  • index.php
  • templateDetails.xml

More:http://docs.joomla.org/Creating_a_basic_Joomla!_template

How to override the output from the Joomla

More: http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

Create  Joomla Template

http://code.tutsplus.com/tutorials/how-to-create-your-first-joomla-template–net-3011

http://code.tutsplus.com/tutorials/create-a-template-with-joomla-step-by-step–net-20048

 

 

 https://google-developers.appspot.com