quinta-feira, 15 de abril de 2010

25 Junho 2008 Template Blogger Tips

pos backup
blogger_tips_screenshot

Este é o primeiro template com a marca Dicas Blogger.
Podemos chamar de uma Edição Comemorativa.
No dia 31 de agosto o Dicas Blogger completará 01 ano e este template é o início das comemorações. Um presente meu para vocês...
Fiquei durante muitas noites trabalhando nele, até porque não sou expert no assunto. Ainda bem que existem a Ariane, a Áurea e as Dicas Compulsivas® ! (ufa)
Utilizei como modelo o template do AvSecurity, orinalmente criado pelo Paulo Estevão cujos créditos estão devidamente colocados no código-fonte.
Para facilitar a vida dos iniciantes, não coloquei muita coisa; fiz algo bem simples e fácil de usar. E já vem com as seguintes customizações:
  1. exclusão da navbar
  2. código para Posts Relacionados
No arquivo zipado incluí o template em xml , a imagem do cabeçalho e a fonte utilizada para o título.
Espero que vocês gostem!

MODO DE USAR
1.Cabeçalho
Em primeiro lugar será necessário ter um conhecimento básico de Photoshop, pois a imagem do cabeçalho é editável. Abra a imagem no Photoshop e, utilizando a ferramenta texto, altere a parte escrita colocando o nome do seu blog e a descrição.
PHOTOSHOP
Caso você queira criar seu próprio logotipo, a camada com o logo do Blogger também pode ser alterada, excluída ou substituída. Clique em janela e marque "camada". Aparecerá uma caixa; escolha "camada 1" e desmarque o ícone indicado na figura abaixo (lembra um pequeno olho):
camada
Modifique à vontade, até que fique do seu gosto.
Então salve a imagem em formato PNG.
Feito isto, faça upload para o servidor de sua preferência. Sugestão? ImageShack.
Copie a url gerada e procure por esta tag no html do template:
#header-wrapper {
width: 980px;
height: 150px;
text-align: center;
background:url(http://img410.imageshack.us/img410/9333/semttulo4wm6.png) no-repeat center;
Substitua a url indicada aqui em vermelho pela que foi gerada. Salve o template e visualize.

2.Feeds
Para colocar o endereço dos seus feeds, procure por:


  • title='Assinar posts'>Posts
  • title='Assinar comentários'>Comentários
Substitua as urls em vermelho pelo endereço do seu blog.

3.Menu Horizontal
Para alterar os links do menu, procure por:

  • 'seublog.blogspot.com/' title='Home'>Home


  • Contato

  • No primeiro campo coloque o endereço do seu blog e no segundo seu email.
    Tem espaço para mais 04 links. Basta copiar o código, colar antes da tag e ir substituindo as urls e os títulos a seu gosto. Exemplo:

  • Dicas Blogger


  • 4.Rodapé
    Notem que existe um ícone à direita.
    up
    Ele serve para subir até o topo da página.
    É necessário alterar também a url.


    title='Subir!'
    5.Sugestões
    Utilize a combinação Crtl + F para encontrar as linhas e tags no html.
    Para deixar seu blog ainda mais legal, coloque um favicon.

    6.Licença
    Obra licenciada pela Creative Commons.
    Só peço que não retirem os créditos. Usem à vontade.

    E é isto. Boa diversão!

    DICA
    Antes de alterar o template do seu blog, faça backup do antigo template e dos widgets. Após a troca, salve o novo template, salve as imagens e hospede-as no Picasa.
    RSS/Feed - Receba automaticamente todas os artigos deste blog.
    Clique aqui para assinar nosso feed. O serviço é totalmente gratuito.

    Nenhum comentário:

    Postar um comentário