Como colocar os Layouts passo a passo

COMO INSTALAR O LAYOUT: Para instalar o layout no blogger é simples, apenas siga esses passos: 1 - Primeiro, modifique ou instale (se for a primeira vez) o template Minima, a primeira das opções oficiais no blogger. 2 - Depois de instalado o Minima, vá em layout, uma das opções para arranjar seu blog. 3 - Layout/Adicionar Elementos de Página. 4 - Adicionar Gadget 5 - Escolha o Gadget Html/Java Script 6 - Cole no espaço apropriado o código do modelo que escolheu 7 - Click na opção Salvar 8 - Visualize seu blog, estará com o novo template, apenas aguarde um pouco até que a imagem carregue por completo. PASSO A PASSO DETALHADO Para que seu Blog possa receber um layout , é preciso que seja instalado o template do Blogger, o Mínima, disponível nas opções de Templates do Blogger. Ao acessar sua conta no Blogger.com, localize seu Blog no Painel e clique na opção Layout, em seguida selecione a aba Elementos de Página.

Em Elementos de Página, selecione a opção "Adicione um Gadget", à direita

Ao clicar nesta opção, haverá diversos elementos que podem ser adicionados ao Blog e para o nosso caso, escolheremos HTML/JAVASCRIPT. Clique sobre ele e abrirá uma janela que deverá ser preenchida com o seguinte código:

Colocado o código, clique em Salvar. O Blog salvará seu comando e na opção Visualizar Blog você poderá ver como ficou seu trabalho. A posição do Gadget (background) nos elementos da página não tem lugar certo, poderá ficar no começo, no meio ou no final da relação onde você o configurou. Aliás, esses gadgets podem ser arrastados com o mouse a fim de posicioná-los na sequência desejada, quando se arranja o menu, os arquivos e outros elementos. Só mesmo o Background pode ficar em qualquer posicionamento. Copie o código de instalação abaixo:

><div style="text-align: center;"><textarea cols="19" rows="5" 

 style="background-color: white; color: black; height: 86px; width: 162px;">

 <style type="text/css">body {background-image:url("endereço do layout"); 

background-position: center; background-repeat: no-repeat; background-attachment:

 fixed; }</style><div id="tag" style="position:absolute; left:0px; 

top:30px; z-index:50; width:150px; height:45px;"><a href="http"></a>

</div><br /> <br /> <br /> <br /> <br /> <br

 /> textarea>div>
<div style="clear: both;">div>div>