'Modelo Clássico do Blogger. O que é?"

"... importante para quem
instala templates no Blogger.

..."se prestarem bem atenção, quando
acessam a aba Layout/Editar HTML,
no final da página, à esquerda existe
a opção de "voltar ao modelo clássico".

"Quer dizer que pode
utilizar o modelo antigo,
que utiliza a linguagem
HTML na página do template,
eliminando os Elementos
de Página que são a
inovação desse
Novo Blogger,
ao utilizar XHTML,
uma linguagem um tanto
diferente do
HTML,
daí que os templates que
instalamos normalmente são feitos
para esta inovação do Blogger.
Muitas vezes olhamos um blog
que tem uma cara diferente,
um modelo mais semelhante
a websites
propriamente ditos,
nada se parecendo
com esses templates mais
modernos com
os quais já nos habituamos.
...daí...
o modelo clássico permite a
instalação de templates
escritos em
html
e o modelo atual não permite.
"Existem mil "macetes''...

.. que podemos aprender
e utilizar
nesses templates

em html. "

..."pode até configurar
seu blog para receber
apenas o template em html

e um outro apenas para postar,
fazendo com que este último
funcione como uma
frame do primeiro."

"Colocando uma imagem no Header através do código html do template"

#header-wrapper {
width:660px;
height:260;
margin:0 auto 10px;
border:1px none $bordercolor;}


"Para inserir imagens no Header (cabeçalho) do template através do HTML é necessário hospedar a imagem que deseja empregar em algum servidor que hospeda imagens, tipo Photobucket ImageShark, etc...
Depois de resolvida essa etapa, ir até o painel de configuração de seu blog, selecione a aba Layout/Editar HTML
Na página HTML, encontre Header #header-wrapper, conforme imagem acima: você deverá acrescentar as informações de medidas da sua imagem, colocando os valores width (largura) e height (altura). Poderá colocar uns 10 pixels a mais na medida da altura para melhor posicionamento da imagem. Deverá ficar como o demonstado acima. Na opção border, se quiser poderá fazer modificações, veja nosso outro tutorial a respeito. Depois dessas alterações, localize no código a opção #header e veja como proceder, seguindo a figura abaixo. Clique sobre ela para aumentar"

#header {
margin: 0px;
width:680
height:250
background url ('http://1470.photobucket.com/albums/rr65/srmpp/topmain2.jpg') no-repeat center;
text-align: left;
color:$pagetitlecolor;
border: 1px none $bordercolor;}

"Na sentença background: url('url da imagem') no-repeat center;
url da imagem é o endereço onde ela está hospedada e center é a posição central da imagem. Se quiser à esquerda, use left. À direita, use right. Não se esqueça que o endereço deverá vir entre '....'(aspas)"