When you login to Blogger.com and click the Template page, one of the first things you see in every template is "Variable definitions". These variable definitions show up on the user-friendly Designer page of the Blogger.com interface.
For example:
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font" default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="#000000"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
</Group>
The above variable definition lets you easily change the color of the blog title and other header information.
I would like to create my own custom variables.
I understand how most of the variables work. Like "name=" is the variable to use in the class or ID CSS. Like if the name is name="custom.name.here" then it should associate with the class name or ID that you want to change. Hence:
#Header1 {
$(custom.name.here)
}
"description=" is the name that will show up on the Designer page, so you know what you're changing.
The only parts in questions are: the "type=" variables and options that can be placed in the "type="? And also "default=" and "value=" what are these and what can be placed in these? Are these needed?
