

Quer saber como colocar uma imagem no background do seu blog no Blogger? Ou até trocar a que está lá por outra? Então siga os passos:
Crie uma conta num host de imagens, hospede sua imagem lá. Após subir sua imagem, o servidor vai te dar o endereço ou url da mesma. Copie e guarde essa url prá usar depois.
Acesse o Painel de controle do seu blog no Blogger e clique em Layout/Modelo. Clique na aba ‘Editar Html’. Isso abrirá a página do seu tema para a edição.
Antes de fazer qualquer alteração (principalmente, se você não está acostumado a isso) faça uma cópia do seu template, basta clicar na aba à direita onde está escrito ‘fazer uma cópia do template’ que ele vai ser salvo automaticamente no seu pc em arquivo xml.
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Essa é a primeira parte do CSS (folha de estilos) do seu template. Essa parte do código descreve exatamente como é o fundo ou background do seu blog. Para adicionar uma imagem aqui, você tem que adicionar o seguinte código após a linha do atributo bgcolor (cor do back) e antes do atributo da margem:
background-image:url(Endereço url da sua imagem);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
Após adicionar, vai ficar assim:
body {
background:$bgcolor;
background-image:url(Endereço URL da sua imagem);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Lembre-se, em ‘Endereço URL da imagem" você copia e cola o endereço que o servidor te deu começando em ‘http://url da sua imagem’ (passo
Felizmente isso tem solução (obrigada Francisco). Assim, se você quiser que os comentários sejam feitos e vistos no final dos seus posts, faça o que segue.
Vá no seu template e acesse Modelo/Layout, em seguida, clique em Editar HTML e em ‘Expandir modelos de widgtes’. Então, procure pela seguinte linha de código:
<a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
E, troque essa linha pela debaixo:
<a class=’comment-link’ expr:href=’data:post.url + "#comments"’>
Fonte: BlogandWeb
<center><img src="http://img89.imageshack.us/img89/6632/84056383at1qx3lt2.png"/></c enter>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="ES" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português - Francês
<option value="DE"/>Português - Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português - Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://urldoseublog.blogspot.com/" name="wl_url" type="hidden"/>
<input style="font-size: 70%; width: 50px;" value="Traduce" type="submit"/>
</form>
/* Código do tradutor —– */
form#translateForm select {
background-color:#000;
color:#ddd;
border:1px solid #999;
}
form#translateForm input {
background-color:transparent;
color:#ddd;
border:1px solid #999;
}
3. Se deixamos este código como está, é assim que ele vai aparecer no seu blog.
color: #ddd; é a cor do texto, está em cinza claro, mas, pode ser mudado a gosto.
border:1px solid #999; É o tipo de borda que está ao redor da janela de opções, podemos escolher a grossura da borda (1px), a cor (#999) e o tipo de borda (solid, dashed, dotted)
b) E, sobre a janela do botão "Traduza":
Pode alterar esse botão (das bandeiras) a gosto também. Por último, se você adicionar o código com o CSS para o tradutor explicado anteriormente (com o fundo branco) também poderá ser alterado a gosto.

Em complemento ao post anterior, a Annie do BlogU, desenvolveu outro código/hack prá adicionar as categorias no novo Blogger em forma de caixa expandível ou ‘Mostra/Esconde’, e, ser adicionado na sidebar do seu blog.
Siga os passos:
<a aiotitle="click to expand" href="javascript:togglecomments(’Nome Único’)">Titúlo</a>
<br />
<div class="commenthidden" id="Nome Único"></div>
6. Preencha com seu ‘Nome Único’ nas 2 áreas. Dê um titúlo pra ele. Exemplo "+/- Categorias".
7. Copie o código achado no passo 4 e cole entre <div> e </div>
<div class="commenthidden" id="Nome Único"> COLE CÓDIGO AQUI </div>
8. Salve e feche.
9. Agora abra o ‘Elemento Categoria’ feito no passo 2 e clique em "Remove Elemento de Página".
Pronto! Veja seu blog, na sidebar ele terá suas categorias de forma expandível (Mostra e esconde). Quer um exemplo? Veja no meu Gothicbox logo no topo +/-Categorias Góticas e +/- Meus outros blogs.