1 2 3
Oi! Escreva seu texto aqui nessa caixa, ela se ajustará automaticamente seja qual for o tamanho do seu texto. Os links daqui são personalizados. Para poder colocar o que você quiser aqui basta ler a postagem das regras até o final e "tcharãn"! Faça bom proveito!

16/02/2013

Sobre o layout (regras e características)

Você precisar ter uma noção básica (super básica mesmo) de HTML para arrumar algumas coisas deste layout.

Este layout contém:
  • Slide de imagens;
  • Box para mensagem de boas vindas;
  • Menu deslizante; 
  • Data das postagens personalizada;
  • Footer das postagens personalizada;
  • Blockquote personalizado;
  • Negrito, itálico e sublinhado personalizados.
Regras para o uso do mesmo:
  • Não retirar os créditos (de maneira nenhuma!);
  • Qualquer erro entre em contato comigo (emidbks@gmail.com);
  • É totalmente proibido repassar o layout;
  • Não modifique nada, e nem altere nenhum código dentro deste layout (exceto os códigos do box de boas vindas, do menu e do slide);
  • Não retire nenhum código de dentro do CSS deste layout e faça o uso em seu blog;
  • Não utilize esse layout como base;
  • Caso for se inspirar neste layout para a criação de algum outro, por favor me avise (e, claro, dê os devidos créditos);
  • Caso esteja usando-o em seu blog me avise por comentários.
Antes de tudo, faça um backup do seu layout atual para evitar incidentes (apenas copie todo o código HTML e o salve em um bloco de notas ou clique aqui e saiba como salvar o código automaticamente direto do Blogger [Meus blogs > O nome blog em que você vai instalar o layout > Modelo]). Feito isso você deverá retornar à página inicial dos blogs e ir em Configurações > Idioma e Formatação e alterar o formato da data da seguinte maneira:


Ok. Agora você já pode instalar o código do layout. 


Irá abrir uma página com o código inteiro, copie ele e logo em seguida vá em Modelo > Editar HTML > Expandir modelos de widgets e apague tudo o que estiver dentro do quadro, depois disso cole o código nesse mesmo lugar. Visualize e, se estiver tudo certo, salve. 

Atenção! O código do menu, do slide das imagens e do box de boas vindas estão dentro do HTML, por isso vou ensinar vocês a como modificá-los.

Para arrumar os links do menu procure (Ctrl + F/F3) por <div class='menu'> e modifique-os.
<a href='LINK_QUE_DESEJAS_AQUI'>Título do link</a>
Para substituir o texto do box de boas vindas procure por <div class='boxwelcome'>. Só apague o texto, ok? Se algum destes dois códigos (em vermelho) forem apagados irá resultar em erros.
<div class='boxwelcome'>Seu texto aqui</div>
E agora vem a parte do slide. Primeiro: as imagens para box devem ter dimensões de 290x168 (290 pixels de largura e 168 pixels de altura), as hospede em algum site de imagens (eu hospedo as minhas aqui) e guarde os links das mesmas. No HTML procure por <div class='image_reel'>.
Você irá encontrar um código já com as imagens, mas entenda:

<div class='image_reel'>
<a alt='' href='LINK'><img src='LINK_DA_IMAGEM'/></a>
<a alt='' href='LINK'><img src='LINK_DA_IMAGEM'/></a>
<a alt='' href='LINK><img src='LINK_DA_IMAGEM'/></a>
</div></div>
<div class='paging'>
<a href='www.blogger.com' rel='1'>NÚMERAÇÃO_DA_IMAGEM</a>
<a href='www.blogger.com' rel='2'>NÚMERAÇÃO_DA_IMAGEM</a>
<a href='www.blogger.com' rel='3'>NÚMERAÇÃO_DA_IMAGEM</a>
</div>
P.s.: Ali no "NÚMERAÇÃO_DA_IMAGEM" deve ser colocado os números das imagens na ordem certa (1, 2, 3...).

Espero que vocês tenham entendido a minha explicação, leiam as regras corretamente e façam um bom uso. Comentem. Um grande beijo, até.

16 comentários:

  1. Olá Emily, peguei o layout para meu blog*-* Beijoooooos

    ser-escritora.blogspot.com.br

    ResponderExcluir
  2. NAO CNSEGUI INSTALAR... VOU TE MANDAR UM E-MAIL OK??

    ResponderExcluir
  3. Estou usando seu layout,perfeito
    http://pequena-sonhado.blogspot.com.br/

    ResponderExcluir
  4. estou usando seu layout divo e maravilhoso e perfeito *-*
    parabêns !

    ResponderExcluir
  5. Olá!Eu estou usando seu layout LINDO!Se quiser ver pode ir no http://coffeebreak-official.blogspot.com.br/

    ResponderExcluir
  6. Estou usando este layout. Muito lindo e é a minha cara!

    ResponderExcluir
  7. vou usarr :3
    http://estante-da-leitura.blogspot.com/

    ResponderExcluir
  8. eu peguei o layout pro meu blog e A-M-E-I !!!!

    ResponderExcluir
  9. Olá, peguei o seu Layout. muito lindo ^^
    The Girl Artist

    ResponderExcluir
  10. Este comentário foi removido pelo autor.

    ResponderExcluir
  11. Não pode mudar a cor? ao invés de azul, um preto?

    ResponderExcluir

 

Código base por Thays Bueno, modificado por Emily Caroline. Tecnologia do Blogger.