Tuesday, January 19, 2010

to the Blogger site code for processing.

to the Blogger site code for processing. When we changed the Blog Title and Blog
Description using the Configure Header screen, Blogger responded by changing the
settings for the blog in the template and the site code.
Think carefully about what you include in the Blog Description. It should contain
keywords to help potential readers find you. It should also be as short as possible
and should be different from the Blog Title. Many people use this space for a tagline,
or a short message about the purpose of the blog. Let's view the blog to see the
changes we have made so far:
too. She wants to discover whether the Header image in the template can be replaced
from the Configure Header edit screen, and we have agreed to give it a try. We have
an image to experiment with the exact height and width of the image in the blog
template. The height and width can sometimes be found by right-clicking on the
image while viewing the blog. Most default templates are background images. So the
best way to discover their height and width is by logging into Blogger, clicking on
the Layout link, selecting the Edit HTML tab and then scrolling to the template code
for the #header-wrapper style.
Time for Action!—Adding an Image to the Header
We're going to add an image to the header of our blog by editing the Header page
element. We will upload an image file from our computer using the form within the
Configure Header window. You should have an image optimized for use on the
web ready to go. A sample image is available in the code folder

When we clicked on the Edit

We can edit the page elements we already have, add more, and remove the ones we
don't want. All the page elements are managed the same way. To edit or remove a
page element, first click the Edit link on that element. Elements are added by clicking
the Add a Page Element link in one of the layout blocks. We can see the Add a Page
Element block on the right sidebar and one at the bottom of the layout area for the
blog footer
When we clicked on the Edit link of the Navbar page element, we were able to
change the appearance of the navbar above the blog. When a different color theme
was selected, and saved for the navbar on the Configure Navbar screen, Blogger
processed the setting change. Visitors viewing the blog from that point on saw the
silver navbar at the top of the screen, above the blog header.
Editing the Header Page Element, Title, and
Description
We can change the title of the blog, the description, and even place our own image
in the header section of the blog. Adding images can be tricky with some of the
templates. We will experiment to see how different templates display images and
When we clicked on the Edit link of the Navbar page element, we were able to
change the appearance of the navbar above the blog. When a different color theme
was selected, and saved for the navbar on the Configure Navbar screen, Blogger
processed the setting change. Visitors viewing the blog from that point on saw the
silver navbar at the top of the screen, above the blog header.
Editing the Header Page Element, Title, and
Description
We can change the title of the blog, the description, and even place our own image
in the header section of the blog. Adding images can be tricky with some of the
templates. We will experiment to see how different templates display images and

Each blog has a default layout.

Each blog has a default layout. Most Blogger templates have page elements on either
the left or the right side of the Blog Posts page element. These left and right columns
are commonly called sidebars. Hopefully, in the future, they will change it so that all
default blog templates allow you to rearrange the page elements exactly where you
want them.
"Well, I chose this template originally since the sidebar is on the righthand side.
What other things can I do here?" asks Georgia.