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

Where to Add Code in Beta Template.

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&amp;v=2&amp;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:, ,


1 comments:

Barbee' said...

This is good, Vin. Thank you very much. I've bookmarked it.

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.