Você precisar ter uma noção básica (super básica mesmo) de HTML para arrumar algumas coisas deste layout.
- 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.
Você irá encontrar um código já com as imagens, mas entenda:
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é.
<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'>P.s.: Ali no "NÚMERAÇÃO_DA_IMAGEM" deve ser colocado os números das imagens na ordem certa (1, 2, 3...).
<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>
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é.
