LADY MEL LAYOUTS

Banner Bem-Vindos

2011-05-27T10:04:00.001-03:00

Para colocar esse banner em seu blog, basta copiar o código abaixo do banner escolhido e colar em um gadget HTML/JavaScript.

Layout, Banner e Link-me Make Up 05

2011-05-17T01:43:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Layout e Banner Artesanato 08

2011-05-17T01:11:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Selo 200 Seguidores

2011-05-11T22:47:00.000-03:00

Ofereço carinhosamente à amigos(as) e Seguidores(as) do Blog Lady Mel Layouts, o Selinho pela marca de 200 Seguidores.

Meu agradecimento e carinho a todos pela alegria desta conquista.

Beijinhos!

Centralizar Banner no Topo do Blog

2011-05-10T23:14:00.001-03:00

Procure pelo código abaixo no HTML (código fonte) do seu blog:

/* Header

----------------------------------------------- */

Você deverá encontrar algo assim ou parecido:

/* Header

----------------------------------------------- */

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

Quando encontrar acrescente logo abaixo de

/* Header

----------------------------------------------- */

todo o código a seguir:

#header {

margin:0px auto;

height: XXXpx;

background: url(COLOQUE AQUI O ENDEREÇO DO SEU BANNER) center no-repeat; text-align: center ;

}

Deverá ficar assim:

/* Header

----------------------------------------------- */

#header {

margin:0px auto;

height: XXXpx;

background: url(COLOQUE AQUI O LINK DO SEU BANNER) center no-repeat; text-align: center ;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

Como e Onde Editar:

Onde está em vermelho substitua pelo endereço da imagem do seu banner.

Em heigt; XXXpx; (coloquei em azul), vc deverá substituir pela altura do seu banner.

Visualise e se estiver tudo direitinho é só salvar.

Layout, Banner e Link-me Make Up 04

2011-04-13T05:13:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Layout, Banner e Link-me Make Up 03

2011-04-13T05:03:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Layout, Banner e Link-me Artesanato 07

2011-04-13T03:01:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Como Divulgar Seu Blog em 321 Sites de Busca de Uma Só Vez

2011-04-11T00:35:00.003-03:00

Esta dica é sobre como fazer para que seu blog seja indexado em 321 sites de busca sem precisar cadastrar um por um. É muito fácil.

Acesse o site DATAHOSTING e preencha os seguintes dados:

- Titulo do seu blog

- URL (endereço) da sua página

- Descreva sobre o trata o seu blog com o máximo de informações possíveis, pois é esta descrição que aparecerá nos buscadores

- Coloque as palavras chaves do assunto do seu blog separada por vírgulas, (por exemplo aqui no Lady Mel Layouts coloquei assim: Layouts, Templates, Acessórios, Gifs, Dicas para Blogs

- Cadastre um e-mail valido, pois alguns destes sites de busca pedem confirmação (não coloque seu e-mail pessoal, pois você receberá receberá muitos spams).

- Seu nome

- Cidade

- Estado

- Pais

Agora é só digitar as letras e números do código que aparecerá, aguarde com a página aberta até que todos os envios sejam processados.

Obs.: Alguns vão te enviar um pedido de confirmação do cadastro e outros uma senha para caso depois queira mudar algo no cadastro então, lembrando mais uma vez, coloque um e-mail válido, mas, não seu e-mail principal.

Layout, Banner e Link-me Make Up 02

2011-03-14T02:36:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este Layout:

Link-me

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Como Fazer e Personalizar Mural de Recados - Cbox

2011-03-11T14:59:00.000-03:00

Passo 1 – Clique AQUI fazer o cadastro e siga a imagem abaixo: (Vá clicando nas imagens para ampliá-las).

Passo 2 - Vai abrir a janela abaixo com os campos pra você preencher, Preencha conforme a imagem abaixo:

Você acabou de criar seu Mural de Recados. Agora você já tem uma conta no Cbox!

Passo 3 – Agora vamos personalizar o seu mural deixando ele combinando com o seu blog. Para isso você deve fazer login no site. Siga a imagem abaixo:

Passo 4 – Login feito. Vai abrir uma página como na imagem abaixo. Vá seguindo a imagem::

Passo 5 – Agora abre essa outra janela:

A imagem abaixo é a mesma que a de cima,, a diferença é que na de baixo, eu marquei com cores diferentes as áreas personalizáveis. Abaixo dela explico o que cada coisa significa. Aqui você começa a fazer a sua personalização de cores:

POST FRAME: (É onde coloquei a cor verde)
É dividida em 2 partes de 2 cores:

Main Bg:

É a primeira parte

É onde aparecem os recados, e é dividida em 2 partes de 2 cores. Essas cores vão se alternando a cada recado que você recebe ou escreve..

Alt Bg:

É a segunda parte

Main Text - É a cor do texto do recado da primeira parte.
Alt Text - É a cor do texto do recado da segunda parte.
Main Date - É a cor da data da primeira parte.
Alt Date - É a cor da data da segunda parte.

FORM FRAME: (É onde coloquei a cor rosa)

Field Bgs - É a cor de dentro dos quadradinhos de onde você vai escrever o recado.
Field Text - É a cor do texto de dentro do quadradinho onde você vai escrever o recado.
Button Bg - É a cor do botão que você aperta pra enviar o recado.
Button Text - É a cor do texto do botão que você aperta pra enviar o recado.
Form Bg - É a cor do fundo da área onde você escreve o recado
Field Borders - É a cor das bordas dos quadradinhos, onde você escreve o recado.

SCROLLBAR (É onde coloquei a cor azul)

É a barra de rolagem do seu mural de recados. Essa função só funciona (só aparece) no Internet Explorer. Em outros navegadores não funciona (não aparece) a cor da sua barra.

Eu não coloquei cor na minha. Deixei as opções em branco. Detesto e não uso o Internet Explorer. Fica a seu critério configurar ou não.. Então vou explicar:

Scroll Bg - É a cor da barra que rola.
Arrow: - É a cor da setinha da barra de rolagem.
Track Bg - É a cor do fundo da barra de rolagem.
Border - É a cor da borda da barra de rolagem.

* Do lado direito das opções, tem uma tabela de cores, para usar, é só clicar dentro do quadradinho correspondente, e escolher a cor na tabela e clicar,

Terminada esta parte, siga a imagem abaixo:

Passo 6 – Agora você já tem seu mural com as cores combinando com o seu blog, Vamos configurar o tamanho para que fique certinha na coluna do seu blog.
Faça como na imagem abaixo:

Vai abrir a janela abaixo. Siga os passos da indicados na imagem:

Passo 7 – Pronto! Seu mural de recados está pronto.. Copie o código HTML (veja a imagem abaixo), e coloque em um gadget Html/JavaScript. Arraste para o lugar de sua preferência.

Prontinho! Agora você tem um Mural de Recados personalizado; que combina com as cores do seu blog.

Desejo que este tutorial realmente te ajude.. Deu um trabalhão para fazer, rsrs..

Até o próximo!

Layout, Banner e Link-me Make Up 01

2011-03-10T20:21:00.002-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Layout, Banner e Link-me Artesanato 06

2011-03-10T19:50:00.003-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Layout, Banner e Link-me Artesanato 05

2011-03-10T18:56:00.001-03:00

2 Colunas

Banner

Layout

Código para este Layout:

3 Colunas

Banner

Layout

Código para este layout:

<br/><style type="text/css">body {background-image:url(https://lh4.googleusercontent.com/_4U1Xz-ZCFKQ/TXg20xtcKwI/AAAAAAAAJ3A/KroW2y7ZfdU/ARTESANATO%203%20COLUNAS%20-%20%2005.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:-33px; top:35px; z-index:30; width:150px; height:45px;"> <a href="http://www.ladymellayouts.com.br/" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/_4U1Xz-ZCFKQ/TXNtACob8tI/AAAAAAAAJzo/3Fz73UXS65Q/LOGO%20LML.png" /></a></div>

Link-me:

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Como Salvar o Link-me e Colocar o Código

2011-03-10T18:29:00.001-03:00

Faça o download do Link-me para o seu PC, da seguinte forma:

Clique em cima da imagem do Link-me. Na página que vai abrir, clique com o lado direito do mouse e clique em “salvar como”. Guarde o nome da pasta onde salvou.

Edite a imagem do seu Link-me em seu editor de imagens preferido escrevendo o que achar melhor.

Hospede a imagem do link-me em seu servidor de hospedagem preferido (aconselho o próprio Blogger ou o Picasa).

Copie o endereço da imagem do link-me hospedado e coloque no código abaixo.

Código para o Link-me

Faça as substituições indicadas em vermelho no código abaixo. Após copie e cole num gadget HTML/JavaScript. Arraste o gadget para o local do seu gosto.

Tenha atenção e cuidado para não apagar nenhum sinal do código.

Download do Template Modelo Mínima 3 Colunas

2011-03-10T04:30:00.001-03:00

Antes de fazer qualquer modificação em seu blog, acostume-se a sempre fazer o backup do seu template atual. Caso você não goste do resultado ou algo dê errado, é só voltar ao seu modelo antigo.

Se não sabe como fazer o backup CLIQUE AQUI

Para fazer o download do modelo de 3 colunas clique na imagem abaixo:

Como Escrever o Nome do Seu Blog no Banner

2011-03-10T04:06:00.001-03:00

Após ter salvado o banner em seu computador, escreva seu nome no banner usando seu programa preferido de edição de imagem que você tiver em seu computador.

Caso não tenha nenhum programa de sua preferência, você pode usar o Paint, que já vem junto com o Windows.

Para encontrá-lo, faça o seguinte roteiro:

1 – Localize no rodapé da tela do seu computador, à esquerda, o botão “Iniciar”;

2 – Aponte o mouse para “Todos os programas” e clique;

3 – Procure por “Acessórios” e clique;

4 – Encontre o programa “Paint” e clique para abrir.

O Paint é um programa bastante intuitivo e muito fácil de usar, além do mais é muito parecido com o Word. Após escrever o nome do seu blog, localize no programa onde mudar a cor da letra, tamanho, centralizar e etc.

Como Salvar e Instalar o Banner

2011-03-10T03:20:00.001-03:00

Salvando o Banner:

Faça o download do Banner para o seu PC, da seguinte forma:

Clique em cima da imagem do Banner para ampliá-la ao seu tamanho original. Com o lado direito do mouse clique em “salvar como”.

Guarde o nome da pasta onde salvou.

Importante:
Se você não clicar sobre o Banner para ampliá-lo, o mesmo ficará pequeno o que resultará em erro quando você fizer a instalação no seu blog.

Escrevendo o Nome do Seu Blog no Banner

Agora que você já salvou o banner em seu computador, escreva seu nome no banner usando seu programa preferido de edição de imagens que você tiver em seu computador.

Caso não tenha nenhum programa de sua preferência, você pode usar o Paint, que já vem junto com o Windows.

Para encontrá-lo, faça o seguinte roteiro:

1 – Localize no rodapé da tela do seu computador, à esquerda, o botão “Iniciar”;

2 – Aponte o mouse para “Todos os programas” e clique;

3 – Procure por “Acessórios” e clique;

4 – Encontre o programa “Paint” e clique para abrir.

Instalando o Banner em seu blog:

Siga os passos abaixo:

Como Instalar o Layout

2011-03-10T02:55:00.001-03:00

Este tutorial vale para os dois modelos de template, ou seja, para o Mínima de 2 colunas e o Mínima de 3 colunas também.

Vamos à instalação:

Copie o código do layout que você escolheu para colocar em seu blog.

Exemplo:

Após copiar o código, siga os passos abaixo:

Aconselho a posicionar o gadget (onde você colocou o código do layout), no final do blog, pois o mesmo fica invisível, e se você deixá-lo posicionado no começo do blog ou no meio, ficará aparecendo um espaço vazio em seu blog. Então é melhor que ele seja colocado o mais para baixo possível no blog.

OBSERVAÇÃO:

Devido aos inúmeros problemas que vem ocorrendo ultimamente com os serviços de hospedagem de imagens (imagens sumindo do blog deixando o mesmo completamente desconfigurado), aconselho que você hospede a imagem do seu layout em sua própria hospedagem. No momento a que eu considero mais segura é a do próprio blog, ou no picasa.

COMO LOCALIZAR O LINK DA IMAGEM NO CÓDIGO E SUBSTITUIR PELA MESMA IMAGEM HOSPEDADA POR VOCÊ:

Código do layout para o modelo Mínima de 2 colunas:

Após hospedar sua imagem, localize no código do layout que você copiou (igual ao código abaixo), o link da imagem e substitua pelo link da mesma imagem que você hospedou, no lugar indicado em vermelho.

Código do layout para o modelo Mínima de 3 colunas:

Aqui execute o mesmo procedimento descrito acima para o Modelo de 2 colunas.

<br/><style type="text/css">body {background-image:url(COLOQUE O LINK DA SUA IMAGEM AQUI); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:-33px; top:35px; z-index:30; width:150px; height:45px;"> <a href="http://www.ladymellayouts.com.br/" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/_4U1Xz-ZCFKQ/TXNtACob8tI/AAAAAAAAJzo/3Fz73UXS65Q/LOGO%20LML.png" /></a></div>

Como Instalar o Template Modelo Minima de 3 Colunas

2011-03-10T02:19:00.001-03:00

Vai começar o seu blog agora ou já tem um e gostaria de trocar o seu modelo mínima de 2 colunas pelo de 3 colunas, é só seguir o passo a passo:

Passo 1 – Primeiro faça o backup do seu template atual. Caso você não goste do novo template, é só voltar ao seu modelo antigo.

Se não sabe como fazer o backup CLIQUE AQUI.

Passo 2 – Agora faça o download do novo modelo de 3 colunas clicando na imagem abaixo:

Passo 3 – Instalação do modelo mínima 3 colunas em seu blog:

Agora que você já fez o download do template, copie todo o código e siga as instruções das imagens abaixo:

Pronto, agora você já pode usar layouts para template mínima de 3 colunas.

Como Instalar o Modelo Minima de 2 Colunas:

2011-03-10T01:53:00.001-03:00

Se você está começando um blog agora, e quer instalar o modelo mínima de 2 colunas, siga o passo a passo das imagens abaixo:

Clique nas Imagens para ampliá-las.

Agora, é só escolher o seu layout e colocar no blog.

Layout, Banner e Link-me Artesanato 04

2011-02-27T13:09:00.002-03:00

2 Colunas
Banner

Layout

Código para este layout:

3 Colunas
Banner

Layout

Código para este layout:

Link-me

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

Layout, Banner e Link-me Artesanato 01

2011-02-23T04:53:00.005-03:00

Banner

COMO FAZER DOWNLOAD DO BANNER - CLIQUE AQUI

Layout

Código para este layout:

COMO INSTALAR O LAYOUT NO BLOG - CLIQUE AQUI

Link-me:

Para fazer o download do Link-me, repita o mesmo procedimento do Banner.

Layout, Banner e Link-me Artesanato 02

2011-02-23T04:18:00.003-03:00

Banner

COMO FAZER DOWNLOAD DO BANNER - CLIQUE AQUI

Layout

Código para este layout:

COMO INSTALAR O LAYOUT NO BLOG - CLIQUE AQUI

Link-me:

Para fazer o download do Link-me, repita o mesmo procedimento do Banner.

Layout, Banner e Link-me Artesanato 03

2011-02-23T00:23:00.000-03:00

Banner

COMO FAZER DOWNLOAD DO BANNER - CLIQUE AQUI

Layout

Código para este layout:

COMO INSTALAR O LAYOUT NO BLOG - CLIQUE AQUI

Link-me

Para fazer o download do Link-me, repita o mesmo procedimento do Banner.