sexta-feira, 12 de fevereiro de 2010

Template Angel




Clique na imagem para ampliar.

DOWNLOAD | DEMO

Falando serio pessoal esse template é muito bonito né eu adoro ele so nao o uso aqui por saber que nao estaria sendo conveniente com o assunto que trato no blog. Deixem um comentario.

NÃO SE ESQUEÇAM, NÃO RETIREM OS CRÉDITOS.
Nem REDISTRIBUAM SEM A MINHA PRÉVIA AUTORIZAÇÃO.
Hacks instalados:
  1. Hack Leia Mais com Imagens Reduzidas
  2. Link de Comentários Corrigido
  3. Personalizando a Data do seu Post
QUALQUER DÚVIDA SOBRE OS HACKS CLIQUE NOS LINKS DOS MESMOS PARA ENTENDER MELHOR!

Observações:
♦ Todos os códigos Javascript usados no template estão contidos nele.
A Pasta de Download Contém
  • Código XML;
  • Imagens usadas no template.

Listas de Posts Relacionados no Fim Da Pagina

1º - Faça login no blogger , clique em "Layout" → "Modelo" → "Editar HTMl".
Antes de tudo clique em "Baixar modelo completo", para caso tenha algum erro você tem o layout salvo.


2º - Procure (Ctrl + F) a tag . Cole o seguinte código logo antes/acima dela:

Outra Opção
» O código em LARANJA é o Javascript dos Posts Relacionados.
» COPIE as linhas em LARANJA acima COLE em um bloco de notas;
» Salve no bloco de notas em seu computador com a extensão .js no nome do arquivo - Ex: Clique em Salvar Como e escreva o nome: PostsRelacionados.js
»Hospede este arquivo em um site de sua preferência - Sugestão Dropbox- colocando o LINK fornecido por sua hospedagem onde está indicado abaixo e cole esta linha abaixo da tag :

10º - Salve o template. Agora quando clicar no link do post você pode ver a lista de postagens relacionadas antes dos comentários!

Obs: Está vendo as palavras em azul Posts Relacionados?
Pois é, você pode mudar como quiser, como mudei aqui para Leia Também...

Aproveite a dica e melhore seu blog!

Fonte: Códigos Blog

Se você quiser editar a cor e o tamanho da linha LEIA TAMBÉM.... ou POSTS RELACIONADOS.
Use o código CSS abaixo colando-o logo acima da linha de código:
.feed-links {
.posts-relacionados {font-size:125%; font-weight:bold; color:red; padding-top:10px;   padding-left:20px; }

Onde:
☺font-size→ indica o tamanho da fonte;
☺font-weight→ indica se a fonte está em negrito;
☺color→cor da fonte;
☺padding-top→indica a distância superior;
☺padding-left→indica a distância da esquerda.