Where to Add Code in Beta Template. ~ The Blog Doctor.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

You can add code to the template in beta at these places..........

If you cannot see the full table below please go here.

Where To Add Code in Beta Templates
CODE TO BE ADDED	PARTS OF TEMPLATE
LANGUAGE DECLARATIONS	<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <HTML 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'>
ADD Metatags here ADD FEEDBURNER METATAGS HERE ADD CODE FROM GOOGLE SITEMAP HERE ADD GOOGLE MAP/SEARCH AJAX API KEY CODE HERE JAVASCRIPT CODE ALSO GOES HERE	<head> <title><data:blog.pageTitle/></title> <b:include data='blog' name='all-head-content'/> <meta content='DESCRIPTION HERE' name='Description'/> <meta content='KEYWORDS HERE' name='keywords'/> <meta content='index,follow' name='robots'/> <META content='GOOGLE ADD SITEMAP CODEg=' name='verify-v1'/> <SCRIPT src='http://maps.google.com/maps?file=api&v=2&key=API KEY' type='text/javascript'/>
CREDITS FOR THE TEMPLATE	/* ------------------------------------------------------ Blogger Template Style Sheet Name: Name of Template Designer: Name of Designer URL: Home page of Designer Date: Date designed Updated by: Blogger Team Name of Modifier with his homepage ------------------------------------------------------- */
Add the Variable Definition here so it shows up in Fonts and Colors Tab under Template tab	Starts with /* Variable definitions
Add CSS code here including code for navbar Add variables to properties of css elements Add image urls to add pictures to background etc	Starts with <b:skin><![CDATA[/* CSS PART OF TEMPLATE Ends with ]]></b:skin>
Javascript Code Add a Javascript with a function here <SCRIPT type='text/javascript'> function load() { } </SCRIPT>	Between CSS above and BODY below
If there is vacant space here you can add a table or divs here If you want to start a Javascript onloading the body add this code <body onload='load()' onunload='GUnload()'> here	<body> BODY </body>
	<DIV id='outer-wrapper'><DIV id='wrap2'> Outer Wrapper </div></div>
	<DIV id='header-wrapper'> Header Wrapper </div>
Change number of maximum widgets in the section here Add a Add Page Element link to this section in Page Elements tab under Template tab here	<b:section id='header' class='header' maxwidgets="1" showaddelement="no"> Header Section </b:section>
To add to widget go to Page Elements tab under Template tab Change whether widget can be deleted or not by changing false to true There are at present twelve different types of widget data	<b:widget id='Header1' locked='false' title='NAME OF WIDGET' type='Header'> Header1 Widget </b:widget>
	<DIV id='content-wrapper'> Content Wrapper </div>
	<DIV id='sidebar-wrapper'> Sidebar wrapper </div>
	<b:section class='sidebar' id='leftsidebar' preferred='yes' showaddelement='yes'> Sidebar Section </b:section>
To add to widget go to Page Elements tab under Template tab Change whether widget can be deleted or not by changing false to true There are at present twelve different types of widget data	<b:widget id='Label1' locked='false' title='Labels' type='Label'> Widget/s </b:widget>
	<DIV class='widget-content'> </div>
	<H1 class='title'> </H1>
	Starts with <b:includable id='main' var='thiswidget'> Main Includable Ends with </b:includable>
<b:if cond='condition'> [content to display if condition is true] <b:else/> [content to display if condition is false] </b:if> <b:loop var='identifier' values='set-of-data'> [repeated content goes here] </b:loop>	If /Else conditional and Loop clauses
	The include tag <b:include name='post' data='i'/>
	<DIV id='main-wrapper'> Main wrapper </DIV>
	<b:section class='main' id='main' showaddelement='no'> MainSection </b:section>
To add to widget go to Page Elements tab under Template tab There are at present twelve different types of widget data	<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'> Blog1 Widget Posts </b:widget>
	<DIV id='footer-wrapper'> Footer Wrapper </div>
	<b:section class='footer' maxwidgets="1" showaddelement="no" id='footer'/> Footer Section </b:section>
To add to widget go to Page Elements tab under Template tab There are at present twelve different types of widget data	<b:section class='footer' id='footer' maxwidgets='4' showaddelement='yes'/> Widget/s </b:section>
AddGoogle Analytics /statcounter code here	IMMEDIATELY BEFORE </body>
You can add Javascript code after </HTML>	</BODY> </HTML>

WHERE TO ADD SOME COMMON CODES :

Technorati Code - in a Html/Javascript page element in the sidebar.

Sitemeters - in a Html/Javascript page element in the sidebar.

Google Analytics - Just before </body> tag in Template.

Metatags - Just after <head> tags in Template.

CSS codes - see table above.

Javascript code - in a Html/Javascript page element in the sidebar.

Links Code - in a Link List Page Element in the sidebar.

Feeds/Feedburner Code - in a Html/Javascript Page Element in the sidebar.

Feedburner autodiscovery code - in the Metatags section

Social Tags - At end of Blog Post code in Template.

Javascript loaded by a body load() - Just above </body> in Template.

Other Javascripts - Just above </head> in Template.

External CSS stylesheet URLs - Just after <b:skin>

Change Mouse Cursor to a PIC. - Add code in CSS eg. BODY {cursor:url(URL OF PIC);}

Technorati Tags:code, javascript, template