Meu novo blog-portfólio

Quando eu centralizei os blogs aqui ficou faltando organizar novamente meu blog-portfólio, onde o acesso ao meu currículo, meu portfólio e meus contatos fosse simples, fácil e rápido.

Esta semana arrumei tempo para fazer isso. No começo eu tinha certeza que seria fundo branco e fonte preta, como quase tudo que eu faço. Mas resolvi arriscar o fundo escuro e gostei do resultado. Ficou como eu queria: simples, legível e colorido na medida certa (eu acho, na minha humilde opinião de não designer):

jornalista.helenfernanda.com

Vou usar esse espaço também para colocar trabalhos mais antigos. Tenho que arrumar tempo para isso em breve.

Como eu já prometi no Twitter, quando eu tiver condições contrato um designer de verdade como o Arthur Henrique para fazer um portfólio bacana.

Aliás, eu recomendo isso a todos os colegas jornalistas: nós quase sempre somos péssimos designers e ao mesmo tempo orgulhosos ou avarentos demais para contratar alguém que faça bonito.

É claro que o inverso também acontece: designers que não escrevem bem, mas têm orgulho ou avareza demais para contratar um editor e revisor para seus textos.

Qual é? Estamos na era da inteligência coletiva, chega de marra! Que tal fazermos umas permutas? Aí fica tudo bonito e em bom português.

Até mais!

V Encontro Estadual de Jovens

Dentre os dias 4 e 6 de setembro foi realizado o V Encontro Estadual de Jovens da Renovação Carismática Católica (RCC) de Goiás.

Como membro da equipe estadual do Ministério de Comunicação da RCC, colaborei como revisora e editora de todas as matérias da cobertura e também como repórter e redatora de duas delas:

• Somos chamados a ser felizes
• Jovens profetas

Para ver todas as matérias produzidas durante o encontro, visite o site:

rccgoias.org.br/jovens/tag/encontro

1600 vagas na UFG para transferidos e graduados

Como já é de praxe, as vagas da Universidade Federal de Goiás (UFG) que não são preenchidas pelos vestibulandos (por falta de competência e não de concorrência), são disponibilizadas para:

• alunos da UFG que querem trocar de curso ou habilitação.
• alunos de outras faculdades que querem transferir para a UFG.
• portadores de diploma.

Eu não vou reproduzir a tabela de vagas no blog, já que você pode acessá-la facilmente aqui, vou apenas destacar os cursos das áreas de comunicação, design gráfico e TI.

Assinatura do post como link (vários autores)

Este é um tutorial sobre Blogger.

Nível: avançado

Em agosto eu escrevi o post Como colocar link no nome do autor do post que funciona bem quando o blog tem apenas um autor.

Para blogs onde vários usuários postam há outra forma de fazer isso de forma que cada autor tenha um link diferente em seu nome.

Vá em Layout » Editar HTML, clique em Expandir modelos de widgets e busque pelo seguinte código.

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<data:post.author/>
</b:if>

Para blog com dois autores, substitua por:

<b:if cond='data:post.author == "Fulano"'>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/fulano'>
<data:post.author/></a>

<b:else/>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/fulano'>
<data:post.author/></a>
</b:if>

Observe que o primeiro bloco informou o link para o Fulano e o segundo bloco informou o link para qualquer um que não seja o Fulano.

Onde está escrito Fulano coloque a exata assinatura do autor do blog, do mesmo jeito que aparece nos posts. No meu caso, por exemplo, seria Helen Fernanda.

Onde está escrito http://twitter.com/fulano coloque o link exato da página ou site que será vinculada ao nome do autor.

---

Para blog com três autores ou mais, substitua por:

<b:if cond='data:post.author == "Fulano"'>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/fulano'>
<data:post.author/></a>

</b:if><b:if cond='data:post.author == "Beltrano"'>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/beltrano'>
<data:post.author/></a>

<b:else/>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/sicrano'>
<data:post.author/></a>
</b:if>

Observe que esse bloco do meio é o que você deve repetir a cada novo autor que deseja adicionar. Veja esse último exemplo, com quatro autores:

<b:if cond='data:post.author == "Fulano"'>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/fulano'>
<data:post.author/></a>

</b:if><b:if cond='data:post.author == "Beltrano"'>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/beltrano'>
<data:post.author/></a>

</b:if><b:if cond='data:post.author == "Cipriano"'>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/cipriano'>
<data:post.author/></a>

<b:else/>
<data:top.authorLabel/>
<a target='_blank' href='http://twitter.com/sicrano'>
<data:post.author/></a>
</b:if>

Fonte: El Escaparate de Rosa

Até mais!

Onde hospedo arquivos para download

Este post é sobre hospedagem para downloads.

Nível: iniciante

Se você está começando ou pretende começar um site que disponibilizará downloads de arquivos (como ícones, wallpapers, apostilas, templates, programas livres…) seguem quatro sites de hospedagem que uso e recomendo.

Elba Ramalho a favor da vida

Este é um vídeo sobre uma campanha.

No dia 30 de agosto de ano foi realizada em Brasília a Marcha Nacional da Cidadania pela Vida liderada pelo Movimento Brasil Sem Aborto com participação de apenas três mil pessoas.

Confesso que essa marcha, que só serviu para mostrar o quanto nós (cristãos) estamos desarticulados, não seria notícia aqui (isso é assunto para outro blog) se não fosse por esse vídeo com uma de minhas cantoras favoritas declarando por que é contra o aborto:

Fonte: Canção Nova

Até mais!

10 temas lúdicos para Firefox 3.5

Este é mais um post sobre temas para Firefox.

Sei que você já deve estar achando descobrindo que sou viciada em temas para Firefox, mas não me importo. Segue mais uma lista, desta vez de temas lúdicos (seja por suas cores ou por seus elementos) para crianças, adolescentes e adultos que não perderam a capacidade de se divertir trocando o tema do navegador. Não importa, afinal, o Firefox é seu e você faz dele o que bem entender!

A minha primeira e estúpida ideia foi dividir em temas para meninas e temas para meninos, mas aí me lembrei que isso é uma terrível castração. Não há coisa mais infeliz do que dizer a uma pessoa – independente da idade - de que cores e personagens ela deve gostar só porque é menino ou menina.

15 posts para blog de testes

São 15 posts em formato .xml com textos lorem ipsum para blog de testes contendo:

Como alinhar a lista de blogs

A lista de blogs receberá o alinhamento da coluna em que está inserido. Você pode mudar o alinhamento de toda a coluna, mas isso vai afetar os outros elementos dela e pode trazer um resultado indesejado.

Seguem algumas opções de personalização do CSS para mudar o alinhamento dos ítens das listas de blogs no Blogger.

Justificada

Quando a lista de blogs tem snippets (trechos iniciais) dos posts mais recentes, justificar o texto quase sempre é o alinhamento preferido. Para isso basta ir até Layout » Editar HTML e inserir na folha de estilos do Blogger (acima da tag ]]></b:skin>) o seguinte código:

div.blog-content {text-align:justify;}
]]></b:skin>

Justificada com imagem à direita

div.blog-content {text-align:justify;}
div.item-content div.item-thumbnail {text-align:right;float:right;margin:5px;}
]]></b:skin>

Centralizada

div.blog-content {text-align:center;}
div.item-content div.item-thumbnail {display:block; text-align:center; float:inherit;}
]]></b:skin>

À esquerda

div.blog-content {text-align:left;}
]]></b:skin>

À esquerda com imagem à direita

div.blog-content {text-align:left;}
div.item-content div.item-thumbnail {text-align:right;float:right;margin:5px;}
]]></b:skin>

À direita

div.blog-content {text-align:right;}
]]></b:skin>

Texto e imagem à direita

div.blog-content {text-align:right;}
div.item-content div.item-thumbnail {text-align:right;float:right;margin:5px;}
]]></b:skin>

Para outras personalizações

• div#blog-list-title h2.title - título da lista de blogs
• div.blog-list-container - todo o conteúdo da lista de blogs
• div.blog-icon - ícone de cada blog da lista
• div.blog-content - todo o conteúdo de cada blog da lista
• div.blog-title a - o título do blog
• div.item-content - o conteúdo de cada post
• div.item-thumbnail - a miniatura de cada post
• span.item-title - o título de cada post
• span.item-snippet - o resumo de cada post
• div.item-time - a data de cada post

Até mais!

Efeito "Fade In" na abertura do Blogger

Nível: intermediário

Eu já uso esse script há algum tempo em alguns sites, mas devo dizer que só consegui fazê-lo funcionar no Blogger. Em outros sites o efeito até acontece, mas ao contrário: ao invés de mostrar a página, a esconde: fade out.

Uma vez eu partilhei aqui a metatag que gera efeitos de transição de páginas no Internet Explorer. Já com esse script é exatamente o contrário. Por padrão ele funciona bem em todos os navegadores, exceto Internet Explorer.