Como colocar os Layouts passo a passo

7 dez

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:


<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
pre
{margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Courier New";
mso-fareast-font-family:"Times New Roman";}
span.start-tag
{mso-style-name:start-tag;}
span.attribute-name
{mso-style-name:attribute-name;}
span.attribute-value
{mso-style-name:attribute-value;}
span.end-tag
{mso-style-name:end-tag;}
@page Section1
{size:612.0pt 792.0pt;
margin:70.85pt 3.0cm 70.85pt 3.0cm;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->

<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
pre
{margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Courier New";
mso-fareast-font-family:"Times New Roman";}
span.start-tag
{mso-style-name:start-tag;}
span.attribute-name
{mso-style-name:attribute-name;}
span.attribute-value
{mso-style-name:attribute-value;}
span.end-tag
{mso-style-name:end-tag;}
@page Section1
{size:612.0pt 792.0pt;
margin:70.85pt 3.0cm 70.85pt 3.0cm;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->




><div style="text-align: center;"><textarea cols="19" rows="5" 
 style="background-color: white; color: black; height: 86px; width: 162px;">
 body {background-image:url("endereço do layout"); 
background-position: center; background-repeat: no-repeat; background-attachment:
 fixed; }<div id="tag" style="position:absolute; left:0px; 
top:30px; z-index:50; width:150px; height:45px;">





<br
 /> textarea>div>

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

Anúncios

Uma resposta to “Como colocar os Layouts passo a passo”

  1. Cris Duarte março 6, 2010 às 4:58 am #

    Gostei desta sua postagem, tambem amo de paixão e acompanho como seguidora o blog contemplates, alem de charas, temos outras coisas em comum, não é mesmo?

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: