Template Style

Este é Template Style, nas cores azul, preto e cinza e com detalhes em degradé e 3D. A maioria das cores podem ser mudadas através do próprio painel do Blogger, bem como a imagem do cabeçalho. Ele é leve, moderno e gratuito.

Demonstração – Download – Licença

RECURSOS INSTALADOS	CARACTERÍSTICAS DO TEMPLATE
Posts Relacionados	Cores e fontes personalizáveis
Retirada da Navbar	Compatível com navegadores atuais
Avatar nos comentários	1 coluna de cada lado
Citação em bloco personalizada	Nome do seu blog nos créditos
Jump Break e Hack Leia Mais	CSS otimizado
Botões de compartilhamento	Cores em degradé
Caixa de busca no cabeçalho	Caixa de busca estilizada
Favicon	Carregamento rápido
Citação em bloco personalizada	Design moderno

Antes de instalar o Template Style em seu blog, leia atentamente este artigo:

• Instruções para uso dos templates do Dicas Blogger

Agora leia as instruções específicas para o Template Style:
1. Alterando a imagem de exibição do cabeçalho
Na pasta do template, você encontrará uma imagem em formato .png. Entre em elementos de página e clique em cabeçalho>editar. Faça o upload da imagem e escolha a opção “por trás do título e descrição”
Se você quiser criar a sua própria imagem, escolha o tamanho 920 x 150 px e cor de fundo #333 e salve-a no fomato .PNG.
2. Fontes e Cores
A maioria das fontes e das cores podem ser alteradas pelo painel do Blogger, exceto o background, a linkbar e os títulos da sidebar.
3. Retirando a caixa de busca
Entre no HTML do template, procure pelo trecho abaixo e apague-o:

<div id='search'>
<form expr:action='data:blog.homepageurl + &quot;search&quot;' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' type='text' value=''/>
<input src='http://lh3.ggpht.com/_mcq01yDJ2uY/TIoN4zHVJmI/AAAAAAAADi0/-lPcOV2086M/search.gif' style='border:0; vertical-align: top;' type='image'/>
</form>
</div>

O template é gratuito e está pronto para uso. Caso você queira realizar mudanças na estrutura dele ou instalar novos recursos, pesquise como fazer.
Depois que você instalar este template em seu blog, volte aqui e deixe o link dele nos comentários para que eu possa ver como ficou ;)
©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.

Em breve, nova interface do Twitter

Foi anunciada hoje, em uma conferência de imprensa realizada na sede do Twitter, a nova interface da página twitter.com. No novo Twitter, teremos integração de vídeo e imagens, em uma interface mais bonita, limpa e agradável.
Confiram as novidades, acessando este link - Meet the new Twitter.com


Fontes: @RicardoFraga e @willianmax
Imagens: twitter.com

Conheça a Hepatite C

Você já deve ter ouvido falar em Hepatite C, mas talvez ignore o fato de que a doença, geralmente, não apresenta sintomas em sua fase inicial e que por isso milhares de pessoas estão infectadas sem saber.
Segundo dados do Ministério da Saúde, existem cerca de 170 milhões de pessoas infectadas no mundo; no Brasil, a incidência da hepatite C em doadores de sangue é de cerca de 1,2% e a doença é responsável pela maioria dos transplantes de fígado.

Concurso Cultural Hepatite C, Sem Medo
A nossa leitora Ana Barcellos - autora do blog Animando-C - está lançando o Concurso cultural "Hepatite C, Sem Medo" onde ela vai premiar com um iPad o melhor post sobre a Hepatite C. Além do prêmio ser sensacional, a iniciativa da Ana é de grande utilidade pública, já que a Hepatite C é uma doença grave e que merece atenção.
Aqui está a minha contribuição, em forma de perguntas e respostas.
O que é Hepatite C?
É uma inflamação do fígado causada pelo vírus HCV – cujo hospedeiro é o ser humano. Essa inflamação acontece na maioria das pessoas contaminadas com o vírus da hepatite C e pode levar à cirrose e ao câncer do fígado.
Como se pega Hepatite C?
A transmissão ocorre por via parenteral, ou seja, através de sangue contaminado.

Quais são as formas mais comuns de transmissão do vírus da Hepatite C?
1-transfusão de sangue ou derivados, especialmente ocorridas antes de 1993 (a partir da década de 90, instituiu-se diversos testes para doadores de sangue.)
2-exposição a materiais pérfuro-cortantes sem esterilização adequada:

• equipamentos para fazer tatuagens e piercings
• seringas e agulhas para uso de drogas injetáveis
• equipamentos de dentista
• objetos de manicure, barbeiros e cabeleireiros
• material de uso pessoal, tais como barbeadores e escova de dentes

3-uso de drogas inaladas, como a cocaína ou pipadas, como o crack
4-relação sexual sem camisinha (incidência menor que 1%)
A transmissão perinatal ou vertical ( mãe – bebê) é possível de acontecer e ocorre no momento do parto. A incidência gira em torno dos 5%.
Qual o período de incubação?
De 15 a 150 dias (em média 50 dias)
E qual é o período de transmissão?
Enquanto o virus for detectável
Como posso saber se tenho o vírus da Hepatite C?
Através de um teste de sorologia anti-HCV. O teste é realizado em doações de sangue ou mediante solicitação de um médico, tanto da rede pública quanto particular e convênios.
Quais os sintomas da Hepatite C?
Em 90 % dos casos, a doença é assintomática.
E quais as suas consequências?
A tendência da hepetite C é tornar-se crônica e ir causando diversos danos ao fígado, incluindo cirrose hepática e câncer.
A Hepatite C tem tratamento?
Sim, mas apenas para os casos mais graves.
A Hepatite C tem cura?
15 a 30% das pessoas infectadas apresentam cura espontânea, enquanto 70 a 85% ficam com hepatite crônica
Como me prevenir?
Além de evitar o contato com sangue contaminado, faça o teste da Hepatite C. Quanto mais cedo a doença for detectada, menores serão suas consequências.
Quer saber mais sobre Hepatite C? Assista aos vídeos do canal Animando-C
Referências Bibliográficas:

• Hepatites Virais – O Brasil está atento/Ministério da Saúde – 3.ed. – Brasília, 2008
• Doenças infecciosas e parasitárias: guia de bolso – 8.ed.rev. – Brasília, 2010
• Hepcentro – Hepatologia Médica: ciência e ética (site)

Template Business

Apresento-lhes o Template Business. Trata-se de um tema moderno e arrojado, com diversos recursos instalados, fontes e cores personalizáveis e compatível com as últimas versões dos principais navegadores – Internet Explorer, Chrome e Firefox.

Demonstração – Download – Licença

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Jump break e hack leia mais Favicon Avatar nos comentários Citação em bloco personalizada Botão para redes sociais ícones de navegação

CARACTERÍSTICAS 1 coluna à direita 3 blocos no rodapé Nome do seu blog nos créditos CSS otimizado caixa de busca estilizada compatível com as últimas versões dos principais navegadores fontes e cores personalizáveis

Modo de Usar – Instruções comuns a todos os templates

Leia atentamente as instruções abaixo antes de instalar este template:

• Instruções para uso dos templates do Dicas Blogger

Instruções Específicas para o Template Business

1.Alterando a imagem de exibição do cabeçalho

Na pasta do template, você encontrará uma imagem em formato .png. Entre em elementos de página e clique em cabeçalho>editar. Faça o upload da imagem e escolha a opção “por trás do título e descrição”

2.Caixa de busca na sidebar

O uso da caixa de busca é opcional. Entre em elementos de página, escolha “adicionar uma gadget”>HTML/Javascript e cole o seguinte código:

<div id='search'>
<form expr:action='data:blog.homepageurl + &quot;search&quot;' id='searchform' method='get' name='searchform'>
<input class="keyword" id="s" name="q" type="text" value="" />
<input src="http://lh3.ggpht.com/_mcq01yDJ2uY/TIoN4zHVJmI/AAAAAAAADi0/-lPcOV2086M/search.gif" style="border:0; vertical-align: top;" type="image" />
</form>

</div>

3.Fontes e Cores

A maioria das fontes e das cores podem ser alteradas pelo painel do Blogger, exceto o background, a linkbar, os créditos e os títulos da sidebar.

O template é gratuito e está pronto para uso. Caso você queira realizar mudanças na estrutura dele ou instalar novos recursos, pesquise como fazer.

©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.

Widget “assine os feeds”

Uma forma legal de aumentar o número de assinantes de feeds, é oferecendo várias formas de assinatura aos visitantes. Muita gente nem imagina o que seja um feed e muito menos um leitor RSS; então, não custa nada facilitarmos as coisas, né?
Pensando nisto, criei um widget bem simplezinho, usando os próprios recursos do FeedBurner. Apesar de simples, o widget é poderoso, pois reúne três formas de direcionamento para o FeedBurner: caixa de email,  ícone e  contador.

Se você não sabe o que é um Feed e nem o que é FeedBurner, acesse:

• O que são Feeds e para que servem?
• Como usar e configurar o FeedBurner

Nas imagens abaixo, temos um exemplo do widget já instalado no Blogger:
Como configurar e instalar o widget
Copie o código abaixo, cole no gadget HTML/javascript do Blogger e faça as seguintes substituições (preste bastante atenção agora):
Onde estiver escrito SEUBLOG, substitua pela parte final da url do Feed do blog.
Exemplo: http://feeds.feedburner.com/dicasblogger (dicasblogger é a parte final)
Escolha uma imagem com fundo transparente, em formato .PNG e  de 120 x 120 px. Faça o upload da imagem no Picasa e cole a url dela em URL DA IMAGEM.

• Como hospedar imagens no Picasa

Recomendo o site  Findicons para encontrar o ícone dos Feeds.

<table cellpadding="2" cellspacing="2" style="border: 1px solid rgb(236, 236, 236); background:transparent;text-align: left; width: 100%;">
  <tbody><tr><td align="undefined"
valign="undefined"><a
href="http://feeds.feedburner.com/SEUBLOG"><img
alt="RSS" title="Assine os feeds"
src="URL DA IMAGEM"
border="0" height="120" width="120"></a></td><td
align="undefined" valign="undefined"><form
style="padding: 3px; text-align: center;"
action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SEUBLOG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Receba os posts por email:</p><p><input style="width: 140px;"
name="email" type="text"></p><input
value="SEUBLOG" name="uri" type="hidden"><input
name="loc" value="pt_BR" type="hidden"><input
value="Assinar" type="submit"><p>Delivered by <a
href="http://feedburner.google.com/" target="_blank">FeedBurner</a></p></form>
<p align="center"><a
href="http://feeds.feedburner.com/SEUBLOG"><img
src="http://feeds.feedburner.com/%7Efc/SEUBLOG?bg=FF9900&amp;fg=0000000&amp;anim=1&amp;label=leitores"
style="border: 0pt none ;" alt="" height="26"
width="88"></a></p></td></tr></tbody></table><div style="text-align: center;"> Widget by <a  href="http://www.dicasblogger.com.br/2010/09/widget-assine-os-feeds.html”>Dicas Blogger </a> </div>

Se você quiser mudar as cores do contador, altere os números que aparecem em verde e azul, onde bg é o background (plano de fundo do contador) e fg é a cor do texto. Veja aqui uma tabela de correspondência de cores.
Para mudar a cor da borda do widget, substitua os números deste trecho:

border: 1px solid rgb(236, 236, 236);
Exemplo: border: 1px solid rgb(255, 255, 255);

Depois de fazer todas as modificações, clique em SALVAR.
As alterações também podem ser feitas no WordPad do Windows e depois coladas no gadget HTML/javascript do Blogger.
A exibição dos créditos (nome e link do Dicas Blogger), é opcional.
Recomendo que o título do gadget seja algo do tipo “Assine os feeds” :)

Como mudar o template do Blogger

Como agora existem várias opções de templates para o Blogger, também existem várias formas de trocarmos esses templates. Antes de prosseguir, leia atentamente o artigo anterior, onde expliquei cada um dos modelos disponíveis atualmente:

• Opções de templates para Blogger

Designer do modelo

1. entre no painel do Blogger e clique no link design;
2. dentro de design, clique em designer do modelo;
3. escolha um dos modelos disponíveis;
4. acesse as colunas plano de fundo e layout e configure;

Neste post você encontrará todos os detalhes:

• Como criar um template para Blogger / Blogspot

Modelos de layout lançados em 2006

1. entre no painel do Blogger e clique no link design;
2. dentro de design, clique na aba editar HTML;
3. no final da página, clique em Selecionar modelo de layout;
4. Escolha um dos modelos disponíveis.

Para maiores detalhes, acesse este post:

• Como voltar a usar os antigos templates do Blogger

Modelos Clássicos

1. entre no painel do Blogger e clique no link design;
2. dentro de design, clique na aba editar HTML;
3. Lá no final da página, clique em Voltar ao modelo clássico.

Templates criados pelos usuários
A maioria dos blogs que disponibilizam templates gratuitos para download, costumam colocar um link para exibição de uma versão de demonstração. Clique neste link - demonstração, demo ou live demo - para visualizar o template.
Depois, faça  o download do arquivo e salve em seu computador.

O arquivo pode estar nos formatos .XML, .ZIP ou .RAR. O .XML já está pronto para a instalação. Os outros dois vão precisar ser descompactados:

• .ZIP – clique com o botão direito do mouse e escolha a opção abrir
• .RAR – instale um aplicativo (minha sugestão: JZip), clique com o botão direito  do mouse e escolha extract here

Procure pelo arquivo .XML dentro da pasta que você acabou de descompactar.
Entre no painel do Blogger, clique em design e depois em editar HTML.
Por precaução, salve seu antigo template clicando em baixar modelo completo.
Os gadgets são salvos pelo Blogger, mas como o seguro morreu de velho, abra um por um e copie cada código, salvando–os no bloco de notas ou no WordPad.

Clique agora em selecionar arquivo (1) e procure pelo arquivo .XML (2)

Clique em abrir para selecionar o template (3) e, depois, clique em fazer upload (4)
Se no seu blog existiam vários gadgets, será perguntado se você deseja mantê-los ou excluí-los. Faça sua escolha e o novo template será instalado.

Caso fique faltando algum gadget, abra o arquivo que você salvou no bloco de notas e vá colando cada código em seus respectivos compartimentos.
Detalhes importantes:
No Blogger, gadget e widget são sinônimos.
Se você está usando um template do designer do modelo e pretende trocar por um personalizado, saiba que o gadget atribuition será tranferido para o novo template e não será possível excluí-lo. Para resolver tal problema, antes de trocar o template, coloque o Mínima, vá nos elementos de página e exclua o gadget atribuition.

Opções de templates para Blogger

O template é uma das partes mais importantes de um blog. Eu já escrevi sobre isso em outros posts, mas repetir nunca é demais.
O template – para quem não sabe – é o desenho do blog, também chamado de tema ou modelo. É onde iremos escrever e colocar novos recursos.

Template (ou "modelo de documento") é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final.
Web templates (ou "modelos de página") são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um "sistema de template". Fonte: Wikipedia

Além da questão estética, um template otimizado pode influenciar positivamente na indexação pelos mecanismos de busca e fazer com que as páginas de um blog abram com maior velocidade e estabilidade. Possuindo boa navegabilidade, auxilia na fidelização dos leitores e no número de exibições de páginas, entre outras coisas.

• Cuidados com o layout do seu blog
• auto-paginação do Blogger
• Desempenho do site - Ajuda do Ferramentas do Google para webmasters
• Google Now Using Site Speed As A Search Ranking Factor

Hoje em dia temos 4 opções de templates para o Blogger:

1. Designer do Modelo
2. Modelos de layout (lançados em 2006)
3. Modelos clássicos
4. Templates criados pelos usuários

Todas estas opções usam em seu código-fonte HTML e CSS:

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web.Fonte: Wikipedia
Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.Fonte: Wikipedia

Designer do Modelo
Lançados em março deste ano, estes são os novos modelos fornecidos pelo Blogger. São mais modernos, com várias opções  de plano de fundo e de colunas (sidebar) e são relativamente fáceis de usar, mas são pouco personalizáveis quanto às cores, fontes e instalação de hacks e de novos recursos via HTML - visto que o código é muito diferente dos modelos mais antigos.

• Novas funcionalidades de layout no Blogger
• Designer do modelo – tutorial em vídeo
• Designer de Modelo – correções e novos temas
• Como criar um template para Blogger / Blogspot

Modelos de layout lançados em 2006
Quando o Google adquiriu o Blogger, a plataforma passou a se chamar Novo Blogger e seus templates passaram a ser em formato .XML. O mais famoso desta época é o Mínima – de onde partiu muitos dos modelos criados pelos usuários

Modelos Clássicos
Estes eu não cheguei a usar, mas pelo que eu vi só existe um modelo e é o usuário que deve customizá-lo através de HTML e CSS.

Templates criados pelos usuários
Estes são templates, geralmente baseados no Mínima, customizados e disponibilizados para download pelos próprios usuários do Blogger.
Existem algumas modelos mais fáceis de usar - com fontes e cores personalizáveis - e outros que já vem “prontos” e que para alterá-los é preciso ter conhecimento em HTML e CSS. Os primeiros são os mais indicados para os novatos.

• DB templates
• Templates para Blogger Blogspot

Se você, caro leitor, tem ambições maiores com o seu blog, é essencial entender CSS, HTML e SEO para  poder otimizar o template do seu blog e posicioná-lo melhor frente aos mecanismos de busca. Ou então, contratar alguém que possa fazer isso para você, pois já vi casos de blogs muito bons em matéria de conteúdo, com um número grande de posts no ar e mal indexados porquê os códigos e a apresentação visual do template não estavam organizados adequadamente.

• Curso básico de HTML – HTML.net
• Curso básico de CSS – HTML.net
• Blogger SEO – Icebreaker
• DB SEO – Dicas Blogger
• FB SEO – Ferramentas Blog
• DB – produtos e serviços

No próximo post vou explicar, detalhadamente, como trocar os templates do Blogger.