quinta-feira, 10 de setembro de 2009

Como alinhar a lista de blogs

Blogger

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>
Justificado

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>
Justificada_2

Centralizada

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

À esquerda

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

À 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>
Imagem direita

À direita

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

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>
Direita 2

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
Blogger

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.

Top 10 de setembro/2009

Top 10

Segue o Top 10 dos blogs que mais trouxeram visitas ao HTMHelen entre os dias 10 de agosto e 9 de setembro deste ano:

  1. Ferramentas Blog

    Dicas e ferramentas para blogueiros.

  2. Vende na Farmácia?

    Dicas e resenhas de cosméticos.

  3. Insight

    Inspiração em design gráfico e web design.

  4. Templates Novo Blogger

    Templates e dicas para blogueiros.

  5. Templates para Você

    Templates e dicas para blogueiros.

  6. Tio Solid

    Deixei um comentário em um post criticando o péssimo português do blogueiro, então alguns leitores “chupa-sacos” - tão “letrados” quanto - entram aqui para me criticar também. Os comentários deles são bem engraçados: imparciais, apocalípticos e cheios de erros de português. Eles levam o meu blog muito mais a sério do que ele realmente pretende ser, o que de certa forma me envaidece. De vez em quando eu entro no post para ler as mensagens das crianças "apelonas" e para escrever mais alguma coisa. A verdade é que me divirto muito.

  7. Funny Makeup

    Dicas e resenhas de moda e beleza.

  8. Dicas e Templates Mamanunes

    Dicas e templates para blogs.

  9. Garotas de Sorte

    Dicas de promoções e sorteios na web.

  10. World Symbian

    Dicas e downloads para celulares que usam o sistema operacional Symbian.

Como podem ver, este Top 10 está show. Cliquem muito e até mais!

quarta-feira, 9 de setembro de 2009

Como redirecionar o feed original para o FeedBurner

FeedBurner

Vejo muitos sites, tanto Blogger como Wordpress, que tiveram seus feeds queimados com FeedBurner, mas o feed original não foi redirecionado. Isso é ruim porque as pessoas que tiverem assinado o primeiro endereço de feed não participarão das estatísticas e nem terão acessos aos recursos que o FeedBurner possibilita.

terça-feira, 8 de setembro de 2009

segunda-feira, 7 de setembro de 2009

Nosso Twitter oficial mudou!!!

Twitter

Para que todos associem facilmente o nome à pessoa, ou melhor, o microblog ao site, mudamos o nosso nome de usuário no Twitter:

twitter.com/rccgoias

Outra observação sobre o Twitter é que há algumas semanas a equipe nacional do Ministério de Comunicação da RCC aderiu à ferramenta. O microblog do portal RCC Brasil é:

twitter.com/rccbrasil

Sendo assim, o Twitter @rcc_br não será mais atualizado. Sigam o oficial!

Paz e bem!

Helen Fernanda
Membro do MCS Goiás

NextGEN Gallery: Plugin de fotos para Wordpress

Wordpress logo
Nível: intermediário

Atenção! Antes que me venham com churumelas, deixo claro que esse recurso é apenas para quem usa Wordpress com acesso ao FTP da hospedagem. Traduzindo, não é para quem usa wordpress.com.

No última sexta-feira nós (do MCS) tínhamos apenas alguns minutos para descobrir um plugin para fotos no Wordpress que fosse interessante tanto para inserir fotos individuais como para galeria de fotos. Que fosse eficiente e bonito tanto na exibição das miniaturas como no slideshow.

domingo, 6 de setembro de 2009

Consultoras de beleza

Consultoras de beleza

Quando eu tinha o blog Helen Fernanda Pink, sobre cosméticos e afins, eu revendia cosméticos apenas para Goiânia, mas pessoas de todo o Brasil me ligavam pedindo produtos pelo mesmo valor que eu vendia aqui. Porém, o valor da encomenda não compensava para mim e muito menos para o cliente, de forma que a venda não era efetivada.

Resolvi então criar uma seção no blog chamada Revendedoras, assim eu poderia indicar outras consultoras caso alguém me ligasse. Mas a verdade é que, depois que eu criei essa seção, as pessoas de outros estados pararam de me ligar, já que quando elas usavam a busca para procurar meu telefone, encontravam o telefone de uma revendedora mais próxima.

Eu parei de revender cosméticos e aos poucos o Helen Fernanda Pink foi perdendo espaço para outros tantos projetos de blogs e sites aos quais me dedico, mas, apesar de importar todos os posts do blog para cá (HTMHelen), preferi manter os contatos das revendedoras em um site separado, com esse único fim.

consultorasdebeleza.helenfernanda.com

É um projeto simples, que de mim pouco exige, mas que tem feito alguma diferença na vida das revendedoras que estão participando, tanto que muitas delas indicam colegas que revendem outras marcas ou que atendem outras regiões.

Para participar, basta enviar os seguintes dados:

  1. * Nome completo como consta na certidão de nascimento ou casamento. É só para eu ter controle, não será divulgado!
  2. * Nome duplo pelo qual quer ser chamada. Exemplos: Helen Fernanda, Maria Ribeiro.
  3. * Cidade, Estado e país.
  4. E-mail(s) para contato.
  5. Skype.
  6. Telefones.
  7. Perfil no orkut.
  8. URL do blog ou álbum.

Apenas os ítens 1, 2 e 3 são obrigatórios. Dentre os ítens 4 e 8 você tem que escolher ao menos um, porque é como o cliente entra em contato. Não há nenhuma cobrança ou comissão. Caso a revendedora tenha site (portal, blog, microblog, etc.), recomenda-se colocar o link do Consultoras de beleza, pois quanto mais divulgado for, melhor para quem aparece nele.

Até mais!

sexta-feira, 4 de setembro de 2009