Template Flowers

Template Flowers

6 10 99
Template Flowers 10 6 99
Lembram do Template Flowers? Então, esta é a nova versão dele, voltada especialmente para as meninas. Ele é todo …digamos… cuti-cuti:)
Antes de mais nada, gostaria de explicar porque eu nunca havia feito um layout assim. É que eu acho que quanto mais simples for um template, mas fácil também será usá-lo e modificá-lo. Meus templates sempre foram voltados aos iniciantes e com cores personalizáveis, para que o usuário possa soltar sua própria imaginação.
Agora resolvi inovar um pouco, colocando background personalizado dentro das postagens e no rodapé. Mas vale lembrar que imagens demais dentro de uma página web, deixa-a carregada e lenta para abrir, então eu inovei, pero no mucho :)

Template Flowers

Por favor, não retire os créditos

RECURSOS INSTALADOS
CARACTERÍSTICAS DO TEMPLATE
  • Cores e fontes personalizáveis
  • Compatível com qualquer navegador que esteja devidamente atualizado.
  • 4 colunas à direita
  • 3 blocos de widgets no rodapé
  • Diversos hacks instalados
  • Nome do seu blog no rodapé (auto)
  • CSS otimizado
  • ícones para redes sociais
  • Background nos posts e no rodapé
Modo de Usar
A seguir, explicarei como funciona cada ítem do template. Para um melhor aproveitamento, acesse os posts de referência.
Quando for necessário encontrar algum trecho dentro do template, vá até desing > editar html. Marque a caixa expandir modelos de widgets. Dê um Crtl+F em seu teclado e cole na caixa de busca do seu navegador o trecho que está buscando.
Instalando o template em seu blog
Baixe o arquivo .zip, clique com o botão direito do mouse e escolha abrir. Dentro da pasta, você vai encontrar um arquivo chamado Template Flowers.xml. Se você não sabe como trocar o template do seu blog, acesse:
Configurando a imagem do cabeçalho
Dentro da pasta que você baixou, tem a imagem do cabeçalho em formato .psd – própria para Photoshop – no tamanho 970 x 150 px. Basta fazer as modificações de acordo com suas necessidades. Se você não sabe usar o Photoshop:
Usando o resumo de postagens
No Template Flowers, instalei o jump break do Blogger e o “hack leia mais” com corte manual, assim, quem já usava um dos dois não vai perder as configurações anteriores
Colocando links na linkbar
Para colocar links no menu linkbar - que fica embaixo do cabeçalho - acesse:
Backup de Imagens
É altamente recomendável que você hosperede no Picasa a imagem do background:
Alterando o favicon
Favicon é aquele pequeno ícone que aparece no navegador, ao lado do endereço do blog. O Template Flowers já vem com um favicon instalado. caso queira mudá-lo, procure pelo trecho abaixo e substitua o endereço da imagem (em azul)
]]></b:skin>
Como alterar a cor dos links do rodapé
Os links do rodapé estão na cor amarela. Para alterar a cor, encontre este trecho:
#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited {
color: #ffff00;
text-decoration:none;
}
Mude a parte que está em vermelho. Veja uma tabela de cores neste link.
Alterando as fontes e as cores
Todas as fontes e todas cores do template podem ser alteradas através do painel do Blogger. Entre em designer do modelo e procure pela opção avançado
Fontes e Cores
Ícones para redes sociais
Se você quiser usar os mesmos ícones que coloquei no alto da sidebar, cole o código abaixo em seu blog - no gadget HTML/javascript – colocando, respectivamente, as URLs (em vermelho) de cada um.
Exemplo:
<td><a href="http://twitter.com/dicas_blogger"><img
title="Siga-me!"
style="border: 0px solid ; width: 64px; height: 64px;"
alt="Twitter"
src="
http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLvFEuh4I/AAAAAAAACuA/sBwI7XqoTs8/twitter_webtreats.png" /></img
></a></td>
Código:
<table style="text-align: left; width: 100%;" border="0"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="undefined" valign="undefined"><a
href="URL DO FEED"><img title="Rss/Feed"
style="border: 0px solid ; width: 64px; height: 64px;"
alt="Feeds"
src="
http://lh4.ggpht.com/_mcq01yDJ2uY/TFiLvNjzzfI/AAAAAAAACt8/Wk20HBibniY/rss_cube_webtreats64.png" /></a
></td>
<td><a href="URL DO TWITTER"><img
title="Siga-me!"
style="border: 0px solid ; width: 64px; height: 64px;"
alt="Twitter"
src="
http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLvFEuh4I/AAAAAAAACuA/sBwI7XqoTs8/twitter_webtreats.png" /></img
></a></td>
<td align="undefined" valign="undefined"><a
href="URL DO FACEBOOK"><img title="Facebook"
style="border: 0px solid ; width: 64px; height: 64px;"
alt="Facebook"
src="
http://lh5.ggpht.com/_mcq01yDJ2uY/TFiLu6hV_MI/AAAAAAAACtw/ECsp_yEeXEE/facebook_logo_webtreats.png" /></a
></td>
<td align="undefined" valign="undefined"><a
href="mailto:SEU EMAIL”<img title="Contato"
style="border: 0px solid ; width: 64px; height: 64px;"
alt="Contato"
src="
http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLu7SPsHI/AAAAAAAACt0/HzskHHbhHAU/mail_square_webtreats.png" /></a
></td>
<td align="undefined" valign="undefined"><a
href="URL DO SEU ORKUT"><img title="Orkut"
style="border: 0px solid ; width: 64px; height: 64px;"
alt="Orkut"
src="
http://lh6.ggpht.com/_mcq01yDJ2uY/TFiLuyTCl-I/AAAAAAAACt4/wpskLKeP2DE/orkut_webtreats.png" /></a
></td>
</tr>
</tbody>
</table>
ATENÇÃO:
Se você estava usando um dos novos modelos do Blogger (designer do modelo), será necessário instalar antes o Template Mínima para retirar o gadget atribuition.
Caso você queira realizar alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, pesquise como fazer.
Saiba mais sobre a utilização de nossos templates gratuitos, acessando:
©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.
23 Comments
Comments
  1. Juliana, você sabe que sou fã do seu trabalho. Já usei vários templates seus; só troquei para testar os novos modelos do Blogger. Eu fiquei muito feliz quando vi esse seu template. Ele está simplesmente LINDO!

    ResponderExcluir
  2. Nossa, show de bola!
    Realmente, as imagens do post e do rodapé, fogem um pouco ao estilo "Dicas Blogger", mas para melhor é claro, é sempre bom inovar!

    Este template ficou realmente muito bom, mas não vi o campo de busca com CSS3.

    Ele não aparece no blog de demonstração?
    Confere lá pra ver se está tudo certinho! ;)

    Parabéns pelo template!

    ResponderExcluir
  3. Igor, já corrigi o post. valeu!

    ResponderExcluir
  4. Juliana ainda tem os links do rodapé. so aparece quando passa o mause

    ResponderExcluir
  5. Caio, estou enxergando os links perfeitamente

    ResponderExcluir
  6. Juliana eu queria saber se eu posso modificar o template ?

    ResponderExcluir
  7. Você pode modificar, só não pode retirar os créditos e muito menos colocar para download.
    Leia atentamente os termos de uso do DB:
    http://www.dicasblogger.com.br/2010/06/termos-de-uso.html

    ResponderExcluir
  8. Adorei a nova versão do Template FLowers!

    ResponderExcluir
  9. Juliana... Eu tive o mesmo problema do Caio... uso o Explorer 7 e só aparece os links da parte "Expediente" e do "Arquivo do blog" se eu colocar o mouse em cima.
    O link aparece com a mesma cor do background de fundo. Acho que não é compatível com todos os navegadores...
    Mas tirando o probleminha das cores ele está lindo. Parabéns...

    ResponderExcluir
  10. Matheus, o problema acontece só no IE. Vou tentar descobrir porque

    ResponderExcluir
  11. Já consertei. Agradeço pela colaboração de vocês.

    ResponderExcluir
  12. Ju, agora sim. =)
    Ficou legal e aparece os links normalmente. Parabéns pelo lindo template =D

    ResponderExcluir
  13. Ás vezes eu esqueço que existe o IE :D

    ResponderExcluir
  14. Bom dia, Juliana!

    Já faz um tempinho que não venho por aqui e estou encantado com tudo que vejo. Ainda me lembro do dia que a questão era – "Ter ou não ter um domínio?". Agora fiquei muito feliz. Todo o trabalho no Dicas Blogger está muito bacana. O template Flowers com nova versão ficou fantástico. Também vi o Geek e o Sky 2, as dicas para wordpress, a colaboração do amigo Luan Felipe, serviços, portfólio... Iupy! Tudo muito lindo! Parabéns!

    Bem, como sempre falo demais...*rs! Mas hoje tive vontade de deixar um "Bom dia!" alegre e caloroso. Por mais duras que pareçam as novas experiências ou por mais difíceis que sejam os novos caminhos escolhidos, sempre encontraremos toda beleza que há no NOVO. Nunca te permitas o repouso enganador, minha amiga. Pois aqui está o Novo Brilho, o resultado de um excelente trabalho feito com dedicação e amor. Keep it up! Que seja sempre assim. Sucesso em todas as jornadas.

    Agora o Dicas Blogger é um equipe e tenho que dizer a todos.
    Deus os abençoe. Beijos e abraços, Renato_ò/

    ResponderExcluir
  15. Renato, você alegrou o meu dia ;)

    ResponderExcluir
  16. Olha , tinha meu eprfil , tinha os Marcadores no meu blog eu coloquei o templante sumiu tudo , e não dá pra colocar denovo! Dê uma olhada : http://blogdaclarabonaparte.blogspot.com/ :(

    ResponderExcluir
  17. Oi...
    Amei esse template...
    mas devo ter feito algo que nao tenho ideia...só sei que nao aparece o desenho do cabeçalho...
    ja vi em suas dicas de cabeçalho...mas nao encontro nada que me ajude.
    ja instalei duas vezes e o desenho nao aprece...
    dê uma olhada no meu só pra vc ver que nao to mentindo....rsrsrsrsrs
    o que posso fazer?
    desde já, obrigada!

    ResponderExcluir
  18. Dani, a imagem do cabeçalho está dentro da pasta que você baixou. Faça o upload conforme ensinei aqui:
    http://www.dicasblogger.com.br/2010/07/imagem-para-o-cabecalho-do-blogger.html

    ResponderExcluir
  19. Querida Juliana,

    obrigada por responder minha pergunta, mesmo estando no lugar errado... :-)

    Estou adorando o novo template, ainda não resolvi o lance da figura, talvez eu use outra se não conseguir carregar a original.

    Surgiu um outro probleminha, que acredito ser mais simples: alterei as cores do template sem problemas usando o modo avançado no designer de modelos. No entanto, não consigo alterar a cor de fundo dos posts. Se você visualizar meu blog, verá que a parte bege destoa dos tons de azul que escolhi até agora. As alterações que faço no post background colour simplesmente não são efetivadas. Poderia me dizer o que estou fazendo errado - ou se essa parte específica do template não pode ter a cor alterada?

    Obrigada mais uma vez e parabéns pelo design do template - adorei. :-)

    Abraços,
    Rita

    ResponderExcluir
  20. Rita, já descobri o problema da imagem do cabeçalho. Ela tem que ser aberta e editada no Photoshop.

    Quanto a área da postagem, não é possível mudar a cor, por causa da imagem com o clipe

    ResponderExcluir
  21. Olá, Juliana. Obrigada, mais uma vez. Fiz algumas alterações nas cores para poder manter o template harmônico com azul e bege. Quanto à figura do título, preciso substituí-la, pois não tenho nem sei operar o photoshop. De qualquer maneira, já escolhi outra gravura, mas... não consigo centralizá-la no banner. É possível? Que alterações eu precisaria fazer no código html? Tentei alterar text-lign left para center, mas nada aconteceu.

    Abraços,
    Rita

    ResponderExcluir
  22. Olá, Juliana!!! Esse template é lindo!!

    A minha única dúvida é como faço para colocar o nome do meu blog na plaquinha do cabeçalho?

    Desde já agradeço a sua atenção!

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top