Arquivo | tutorial RSS feed for this section

Colocar nome do seu blog da Galeria free templates

4 maio
Primeiramente você precisa baixar o template clicando na palavra baixar, abaixo da imagem do mesmo.

 Depois de salvo no seu computador, faça seu login e senha no seu blog. Logo aparecerá esta tela, correto?

Localize seu blog no seu painel e abra layout. Depois de abrir, vá até a aba: HTML

Localize exatamente a linha que está no quadrado vermelho!

APOS ENCONTRAR, SELECIONE E COPIE O ENDEREÇO QUE ESTÁ NO QUADRADO AZUL (HTPP:// IMAGEMDOCABEÇALHO.JPG) MAS SEM ASPAS E SEM PARENTESES TAH?!
AGORA ABRA UMA ABA NO SEU NAVEGADOR, MOZILA, EXPLORE, SEJA QUAL FOR, E COLE NO ENDEREÇO DE SITES ESTE ENDEREÇO QUE VOCÊ COPIOU E DÊ ENTER.
ELE IRÁ CARREGAR A IMAGEM DO SEU BANNER E APARECERÁ PARA VOCÊ. É SÓ CLICAR COM O BOTÃO DIREITO DO MOUSE EM CIMA DA IMAGEM E SALVAR COMO.
SALVO NO COMPUTADOR, AGORA ABRA A IMAGEM NO SEU PAINT. AGORA É SÓ ESCREVER O NOME DO SEU BLOG E SALVAR.

PROCURE UM SITE QUE HOSPEDE IMAGENS COMO: IMAGESHACK, TINIPIC, PHOTOBUCKER E HOSPEDE SUA IMAGEM MODIFICADA LÁ. LOGO APOS ELA CARREGAR VOCE TERÁ UM NOVO CODIGO EM .JPG QUE TERÁ QUE SER COPIADO E COLADO NO MESMO LOCAL EM QUE VOCÊ COPIOU ANTERIORMENTE. DEPOIS É SÓ SALVAR SEU TEMPLATE.

Qualquer coisa é só falar. beijinhos!

Como instalar seu Template

2 mar

– Gostou do template? Já clicou na imagem para ampliá-la?
– Sim? Então quer instalá-lo em seu blogger.

1º- Você clica em DOWNLOAD

» Vai direcionar você para o site 4shared onde você vai fazer o download do arquivo ZIPADO do template após alguns segundos.

2º- Salve o arquivo em uma pasta de seu computador e descompacte.

Certifique-se que ele contém um arquivo no formato XML, as imagens do template e alguns arquivos javascript se tiver.

3º- Você vai instalar o arquivo no formato XML que já contém as imagens hospedadas no site TINYPIC.

Se houver algum problema com as imagens do seu template você deve hospedá-las em um site de hospedagem que já conheça e substituir os endereços das imagens antigas pelos seus.

4º- Como Instalar o template no blogger.

a. Vá até seu painel do blogger Clique em: MODELO » Editar HTML;

b. Antes de tudo: Salve uma cópia do template atual para o caso de dar algo errado. Salve também os conteúdos das widgets. TUTORIAL de como salvar o conteúdo das widgets.

c. Clique em Arquivo » Ache e selecione o arquivo que você salvou no seu computador.

d. Clique em Fazer Upload.

Pronto, seu template está instalado.

♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.
Em seguida:
♦ Clique em SALVAR ALTERAÇÕES.

Se estiver tudo OK salve o seu template novo!

INFORMAÇÃO IMPORTANTE:
Na mudança de template, se você tiver widgets (elementos de página das sidebars) no seu blog, poderá PERDER todos eles.

fonte: templates para você

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>