Template Flowers

Nível: intermediário

Confesso que não tinha a intenção de fazer esse template, ele nasceu de uma tentativa “frustrada” de fazer um template para outro blog. Não serviu para o blog em questão porque já estava ficando cute demais.

Então resolvi terminá-lo mesmo assim para publicar aqui, mesmo não sendo uma tradição minha disponibilizar templates. Não sou propriamente uma designer, então desde já peço desculpas por qualquer coisa.

Ver template - Download

Principais arquivos:

templateflowers.xml

Template, que só deve ser inserido depois que você fizer backup do seu template atual e de todos os seus widgets.

header.png

Imagem do cabeçalho, deve ser inserida Por trás de título e descrição.

As demais imagens que estão zipadas são backups de outras imagens utilizadas no template. Você só vai precisar delas se alguma das atuais não abrir ou apresentar lentidão, portanto, guarde em local seguro.

22/08/2009 → Atendendo o pedido da Anny, seguem as instruções para mudar o nome da cidade que atualmente está configurado como Goiânia.

Personalizando a cidade:

1. Entre em Layout » Editar HTML.

2. Marque a opção Expandir modelos de widgets.

3. Procure pelo texto “Goiânia” para encontrar a seguinte linha de código:

<h3 class='date-header'>Goiânia, <data:post.dateHeader/></h3>

4. Onde está escrito Goiânia, coloque o nome de sua cidade. Alguns exemplos:

<h3 class='date-header'>Altamira, <data:post.dateHeader/></h3>

<h3 class='date-header'>Brasília, <data:post.dateHeader/></h3>

<h3 class='date-header'>Catalão, <data:post.dateHeader/></h3>

Você também pode apagar o nome da cidade se não quiser mostrar nenhuma. Para isso, substitua o código supracitado por apenas:

<h3 class='date-header'><data:post.dateHeader/></h3>

5. Visualize e, se estiver conforme desejado, salve.

Anny, obrigada por me lembrar!

Até mais!

10 coisas que odeio em parentes

Este é um post sobre humor na minha vida.

Para não dizer que meus parentes nunca me renderam nada*, vou escrever um post sobre eles e tentar faturar alguma coisa com os links patrocinados.

I Mostra de Dança do Ministério Face

Mais um evento muito legal para todos nós divulgarmos em nossos sites católicos:

• Evento: I Mostra de Dança Ministério Face


• Nome: Reflexos da Alma


• Local: Teatro da Católica, Jardim Goiás, Goiânia (Antiga Cambury)


• Dia: 12 de Setembro de 2009


• Horário: 19h30


• Ingresso: R$ 10,00


• Locais de Venda:
  
  
  
  • Paróquia Nossa Senhora Auxílio dos Cristãos, Setor Sudoeste, Goiânia
  
  
  • Associação Servos de Deus (ASD), Setor Coimbra, Goiânia
  
  
  
  

Cartaz Vertical

Cartaz Horizontal

Como colocar link no nome do autor do post

Seguem os passos para transformar a assinatura do autor do post em link.

1. No painel do Blogger, vá até a página Layout » Editar HTML e marque a opção Expandir modelos de widgets.

2. Procure pelo seguinte código:

<span class='fn'><data:post.author/></a></span>

3. Substitua pelo código seguinte, sendo que onde está escrito http://twitter.com/helenfernanda coloque a URL desejada:

<span class='fn'><a href='http://twitter.com/helenfernanda'><data:post.author/></a></span>

Clique no botão Visualizar antes de Salvar modelo. Se o blog tiver vários autores, coloque o link para a página de equipe, já que, por esse método, independente de quem seja o autor, o link sempre será o mesmo.

Até mais!

Top 10 de agosto/2009

Uma das grandes surpresas neste Top 10 é a presença do excelente Templates Novo Blogger que está com um link para cá na seção Recomendo. Amei! Como já contei aqui, os tutoriais muito bem explicadinhos da Ariane foram definitivos quando escolhi migrar para o novo Blogger, já que durante muitos meses eu resisti usando o template clássico.

Blogs que trouxeram mais visitas ao HTMHelen entre 10/07 e 09/08/2009:

1. Ferramentas Blog
2. TioSolid
3. Vende na Farmácia?
4. Templates para Você
5. Templates Novo Blogger
6. Insight
7. Padre Joãozinho
8. Novos horizontes
9. TidBits
10. Mais Atitudes

O que é Top 10?

Explicações

Não gosto muito de me desculpar, mas acho melhor avisar que estou sem internet em casa. Garanto que em breve tudo será solucionado e os posts que estão nos rascunhos serão publicados.

Depois de muitos meses sem adoecer, “inventei” de pegar uma gripe justamente na semana do meu aniversário. A única coincidência boa é que os canais Tele Cine estavam todos com sinal aberto e assisti muitos filmes enquanto os olhos aguentavam, já que a fadiga visual foi o pior sintoma que tive desta vez.

Por causa desse mesmo problema não pude escrever muito nos últimos dias, nem para o blog, nem profissionalmente. Já estou melhorando e em breve estarei 100% para resolver meus problemas com a operadora de telefonia e voltar a blogar diariamente.

Até mais!

Personalizando “Mostrar Todas as Postagens”

Este é um post sobre CSS no Blogger.

Nível: intermediário

A mensagem de status Mostrar todas as postagens é aquela que aparece quando você faz uma busca por Marcador ou por palavra-chave.

Caso o template do seu blog faça uso de tons de cinza, é bem provável que o CSS padrão dessa caixa combine com o design do seu blog e por isso não sinta necessidade de alterá-lo, como no exemplo abaixo:

1. Como customizar essa caixa:

Quando você usa algum template que use quaisquer cores que não inclua cinza, personalizar essa caixa pode ajudar bastante a manter a harmonia. Segue então um exemplo de código customizado, lembrando que você pode mudar as cores, os alinhamentos, as bordas, os backgrounds e outros atributos de CSS que desejar.

Adicione o seguinte código à folha de estilos do Blogger, ou seja, copie e cole logo acima do código ]]></b:skin>.

.status-msg-wrap {text-align:center; color:#000; padding-bottom:20px; font-family:'trebuchet ms',sans-serif; margin-left:auto; margin-right:auto;}
.status-msg-body {display:block; background:#fff; padding:0px; margin-left:auto; margin-right:auto; text-align:center;border:1px solid #acc601;}
.status-msg-border {border:0px;}
.status-msg-bg {background:#fff;}
.status-msg-body b {color:#ff6633;}
.status-msg-body a {display:block; text-decoration:none;}
.status-msg-body a:link {text-decoration:none;}
.status-msg-body a:hover {text-decoration:none;}
.status-msg-body a:visited {text-decoration:none;}
.status-msg-border {border-right-width:0px;}
.status-msg-bg {border-right-width:0px;}
.status-msg-hidden {border-right-width:0px;}
]]></b:skin>

a) Antes:

b) Depois:

2. Como esconder essa caixa:

Algumas pessoas preferem esconder a caixa. Eu acho melhor não fazer isso, porque ajuda o leitor a se situar. Porém, se você entende que vai ser melhor assim, esconder essa mensagem de status é muito fácil. Adicione apenas o seguinte código à folha de estilos:

.status-msg-wrap {visibility:hidden; display:none;}
]]></b:skin>

Até mais!

The World Browser, o Internet Explorer que é bom

Se o Flock é a versão rápida do Firefox, o The World Browser (TWB) é a versão rápida do Internet Explorer.

Até o momento, a principal utilidade do TWB na minha coleção de navegadores é visitar páginas mal feitas que só abrem no Internet Explorer, geralmente são sites de bancos e de inscrição em concursos e trainees. Outro site que eu visito muito e só abre no IE é o da Natura. Com o TWB você engana direitinho e é aceito nesses sites como se estivesse usando o IECA, mas na verdade está usando um navegador muito melhor, mais bonito e muito, muito mais leve mesmo.

Outra informação importante é que o mesmo TWB que você instala no PC, também pode ir para o pen drive, ele funciona muito bem como navegador portátil.

O TWB tem dois temas que podem ter cores personalizadas a seu critério.

Tema Default

Tema Crystal Chrome

• Site oficial
• Página no Baixaki

Até mais!

Como centralizar formulário de comentários no Blogger

Nível: intermediário

Para centralizar o formulário de comentários embutido, vá até Layout » Editar HTML e adicione o seguinte código logo acima da tag ]]></b:skin>:

#comment-form, .comment-form {margin:auto; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px;}
]]></b:skin>

Antes:

Depois:

Até mais!

Divulgação do V Encontro Estadual de Jovens

Falta apenas um mês e já está na hora de colocar nos nossos sites o banner do V Encontro Estadual de Jovens que será realizado entre os dias 4 e 6 de setembro de 2009 em Goiânia.

Goiás, nascente de jovens profetas

Pregadores:

• Fabio Lira (Canção Nova)
• Dinairdes (Conhecendo a Unção)
• Roberto Ricardo (Coordenador Estadual da RCC Goiás)
• Rhadamés de Freitas (Coordenador Estadual do Ministério Jovem)

Sobre o encontro:

• Quando: de 4 a 6 de setembro de 2009
• Onde: Associação Servos de Deus, Goiânia
• Quanto: R$ 10,00
• Mais informações: (62) 4013-7100

Paz e bem!

Helen Fernanda

Membro do MCS Goiás

perfil.helenfernanda.com

Sites de programas portáteis

Este é um post sobre Downloads para Windows.

Estou em uma fase de encantamento por programas portáteis para o meu pen drive, já que uso vários computadores ao logo do dia (não tenho notebook ou um computador só para mim no trabalho) e nas várias máquinas que uso fora de casa quase nunca posso instalar programas que para mim já são essenciais, como Firefox, Pidgin e IrfanView.

Eu descobri os programas portáteis quase sem querer. Eu já usava pen drive para armazenar arquivos e aplicativos de instalação, que é como quase todo mundo começa. Só passei a instalar programas nele depois que vi a edição da revista Info Exame de março de 2009 que tem esse assunto na capa:

Comecei pelo Firefox e achei fantástica a experiência de usar o navegador com todos os meus complementos favoritos em lan houses e computadores de parentes, sem gastar tempo instalando tudo de novo ou sem me frustrar quando não podia instalar.

Com o tempo descobri novos programas e até tive que comprar um pen drive maior, que hoje é uma ferramenta muito útil em meu trabalho, pois levo tanto meus arquivos quanto meus programas sempre junto comigo, independente da máquina que estou usando.

Alguns dos sites que uso e recomendo para encontrar os programas portáteis:

05/09/2009 → Adicionei o link Pendriveapps.com

1. Baixaki Busca pela palavra portable.
2. Baixatudo Busca pela palavra portable.
3. Portable Apps
4. Pendriveapps.com
5. Superdownloads Busca pela palavra portable.
6. Tudo Portátil

O Google também ajuda bastante, basta acrescentar a palavra portable após o nome do programa. Para ter os resultados mais atuais ao invés de mais populares, eu uso o Google Pesquisa de Blogs, porque assim é mais provável que eu encontre a versão portátil mais recente de determinado aplicativo.

Sempre que encontro algum programa que instalo, uso e aprovo, eu salvo no meu Delicious com a tag portable:

delicious.com/helenfernanda/portable

Divirta-se!