⇐ Clique aqui para expandir o post. ⇒

segunda-feira, dezembro 15, 2008

Agenda 2009 da Fazenda da Esperança

Pessoas apaixonadas por papelaria e cia fazem da escolha da agenda do próximo ano um verdadeiro ritual. É preciso ter pretexto e contexto para contar o ano todo quando alguém perguntar “que agenda legal! Onde você comprou?”.

Todo ano eu prometia que no próximo compraria uma agenda feita de papel reciclado. Vários anos eu prometi “ano que vem eu compro uma dessas”, mas não cumpria. Finalmente minha agenda 2009 será ecologicamente correta.

Mas não é só! A minha agenda 2009 é um dos produtos da Fazenda Esperança, um dos projetos da Igreja que eu mais admiro. Se você nunca ouviu falar, não faz mal. Lá vai o que está escrito na página Quem Somos da comunidade:

A Fazenda da Esperança é uma comunidade terapêutica de recuperandos dos mais variados tipos de dependência. A entidade desenvolve outros trabalhos, aproveite a oportunidade e conheça nossas atividades.

Sem fazer uso de medicamento, o nosso método terapêutico recupera os jovens através da convivência, trabalho e prática dos ensinamentos do Evangelho.

O trabalho desenvolvido pela Família da Esperança uma associação de fiéis de berço católico com base no carisma da pobreza dos Franciscanos e o carisma da unidade do movimento dos Focolares, mantêm a Fazenda atuante no Brasil e no mundo.

O sucesso obtido na recuperação dos jovens fez com que a Fazenda da Esperança crescesse chegando, em julho de 2007, a 26 centros masculinos e 11 femininos em vários Estados brasileiros.

No exterior há duas Fazendas na Alemanha, duas na Guatemala, uma na Rússia, duas na Argentina, Paraguai, México, Itália, Filipinas e em Moçambique. Confira nossos endereços.

Você pode saber mais no site da comunidade - www.fazenda.org.br - que tem até feed de notícias - www.fazenda.org.br/rss.xml.

Características da agenda:

  • Papel reciclado.
  • Informações sobre as Fazendas do Brasil e do mundo
  • Espaço para anotação de dados pessoais.
  • Planejamento mensal.
  • Agenda de telefones.
  • Espiral.
  • Capa dura.
  • Fita para marcar a página.
  • Páginas coordenadas.
  • Uma página por dia (exceto sábado e domingo).
  • Planejamento e calendário de 2010.
  • Leitura bíblica do dia (segundo Liturgia Católica).

Aqui em Goiânia eu encontrei essa agenda no Bretas da Avenida Anhangüera (Centro), mas já soube que ela é vendida em várias livrarias (católicas ou não) de todo o Brasil.

Se a escolha de sua agenda também é um ritual, fica a excelente dica de adquirir um produto que é ecológico e socialmente correto. Você tem chance de fazer a diferença!

domingo, dezembro 14, 2008

Como exibir códigos no blog

Nível: iniciante
Código e zebra
Um pouco de camuflagem…

Em HTML tudo que você coloca entre < e > ganha o incrível dom da invisibilidade. Assim, como fazer para exibir códigos com tags sem fazê-las desaparecerem?

O segredo é o código &lt; que exibe <. Exemplos:

Para mostrar Digite
<body> &lt;body>
<div> &lt;div>
<table> &lt;table>
</a> &lt;/a>

Para exibir códigos de caracteres especiais, se você digitar o código vai aparecer o caractere e não o código. O segredo é o código &amp; que exibe &. Exemplos:

Para mostrar Digite
&Uacute; &amp;Uacute;
&middot; &amp;middot;
&Oslash; &amp;Oslash;
&aelig; &amp;aelig;

É assim que coloco códigos no blog sem usar a tag <textarea>.

Imagem do Paraíso Niilista

sexta-feira, dezembro 12, 2008

A quebra do jejum

Flores

Já que fiz da minha nova paixão pretexto suficiente para quebrar a promessa de não atualizar o blog, vou abusar e continuar divagando sobre o assunto…

Só tive um namorado até hoje, há sete anos. Esse namoro de adolescência durou cerca de dois meses e meio, então foi um namorico de verão. Depois dele nunca mais consegui conquistar ou ser conquistada. Foram sete anos de jejum. Sou daquelas “caipiras amorosas” que não conseguem beijar se não estiverem apaixonadas… então também não “fiquei” com ninguém.

quarta-feira, dezembro 10, 2008

Top 10 de dezembro/2008

Para incentivar os cliques e reconhecer os sites que são minhas principais fontes de visitas, todo dia 10 vou publicar aqui o Top 10, que nada mais é do que a lista com os 10 sites que mais trouxeram visitas no último mês. O período analisado será sempre do dia 10 do mês anterior ao dia 09 do corrente mês.

Assim sendo o Top 10 de hoje considera o período de 10/nov a 09/dez. Sites de busca, redes sociais e outros sites meus não serão considerados para a contagem dos 10 (dez). Vamos à lista:

Mestre Blogger
  1. Mestre Blogger
  2. Templates para Você
  3. Nano Second's
  4. Vida Digital Know-How
  5. Bichinhos de Jardim
  6. Bubuzando na Net
  7. Eu preciso te contar!
  8. Te Ensino
  9. Usuário Compulsivo
  10. CSS no Lanche

Cinco desses blogs ainda não são parceiros, as visitas vieram dos meus próprios comentários. Legal!

Mestre Blogger, parabéns e obrigada! Espero que este post direcione muitos cliques para você também.

Atenção parceiros! O próximo Top 10 vai considerar apenas o novo endereço do blog: www.htmhelen.com. Atualizem o link!

First Page: meu editor HTML

Nível: iniciante

As pessoas sempre perguntam se uso Dreamweaver, se sei mexer no Dreamweaver se gosto de Dreamweaver. As respostas são: uso, sei e odeio.

Ao contrário de você, que talvez até tenha banda larga em casa, aprendi HTML e CSS com livros. Eu criava os meus sites off-line anotando todo o código em cadernos de rascunho, fazia isso até dentro do ônibus e em encontros da Igreja. Em casa eu salvava os códigos que eu havia criado, mas eu não tinha Windows ou qualquer outro sistema operacional moderno. Eu digitava tudo no edit do DOS. Salvava em disquete e só depois, na faculdade, podia ver o resultado do que eu tinha criado e fazer os ajustes.

Talvez isso tenha me forçado a aprender HTML e conseguir imaginar como está uma página mesmo vendo só o código. Por isso consigo usar programas ruins que não conseguem mostrar a página exatamente como ela está ficando, como Dremweaver, por exemplo. Porém, não é o editor que eu mais uso.

First PagePara quem quer realmente aprender e não precisa ter tanto trabalho como eu tinha, recomendo o First Page. O programa é bastante incrementado e tem muitos recursos que talvez não interessem muito aos iniciantes. Para começar a usar você tem que entender as formas de visualização.

No modo Source você digita ou cola o código:

First Page Source

No modo Preview você vê como ficaria aquele código no Internet Explorer:

First Page Preview

Para ver em outros navegadores, vá até o menu File » Preview in Browser » Edit Browser List » External Browsers » AutoSearch. Se o programa não identificar todos os seus navegadores, você pode configurar.

Na opção Reference você pode estudar HTML:

First Page Reference

Quando você clica em Scripts » Intantz Scripts abre uma janela com algumas dezenas de scripts prontos para você experimentar. É a minha “fábrica dos sonhos”. Se eu não me controlar passo horas brincando com eles…

Intantz Scripts

Para aprender mais, faça o download e divirta-se também.

terça-feira, dezembro 09, 2008

Como criar links

Atualizado dia 31/05/2015.
Link da Zelda
Descobri hoje que Link também é o personagem de um jogo chamado Zelda.

Pelo título vocês já sabem que é um tutorial para quem está começando a aprender HTML. Entender como funcionam os links é um dos aprendizados mais divertidos dessa linguagem.

segunda-feira, dezembro 08, 2008

Vicious do BloGYN

Vicious

Sim, já faz algumas semanas que Vicious está no BloGYN. Se demorei para avisar aqui é porque ainda estou tentando compreender as diferenças entre Vicious e UmTudo, que é mantido pela mesma equipe e também está no BloGYN. Os autores do blog ainda estão moldando as diferenças. Até as descrições dos dois blogs ainda é a mesma:

Dicas e tutoriais sobre Informática e Internet em geral, fotos bloqueadas, humor, vídeos no YouTube.

Nos últimos posts observei no Vicious a tendência de tratar mais sobre informática e futebol e no UmTudo uma queda maior pelo entretenimento: fofocas, piadas, TV… Não sei se isso já é intencional porque quando a gente menos espera o UmTudo volta a falar sobre informática e o Vicious fala de fofoca.

A idéia do Vicious veio de um problema com a indexação dos posts do UmTudo no Google, como o Leonardo conta neste post. Confira!

sexta-feira, dezembro 05, 2008

[Encerrado] Vox - blog bonito sem mexer no código

O título pode parecer contraditório ou até mesmo irônico. Todos nós sabemos que o Blogger é a melhor hospedagem gratuita de blogs há pelo menos dez anos. Porém, o que é bom para a maioria pode não ser bom para você e ter consciência disso pode evitar frustração, transtorno e até mesmo desistência.

Nesses meus seis anos de vagabundagem blogagem, vi muitos blogueiros - inclusive muitos que tinham blogs com excelentes posts e conteúdo original e relevante - desistirem porque cansaram de “apanhar” do código fonte tentando deixar o blog bonito, ou pelo menos simpático. Não é todo mundo que se apaixona por HTML, CSS, widgets e outras tranqueiras. Muita gente odeia e por isso faz questão de não aprender, já que seria sinônimo de sofrimento.

Não há dúvida de que para ter um blog bonito no Blogger é preciso conhecer o código fonte. Mesmo se você utilizar um template pronto que outra pessoa fez, se não conhecer um pouco o código do seu blog vai “mandar tudo pro saco” porque não vai saber fazer os ajustes e etc. Se você não quer aprender a dominar o código fonte de seu blog e muito menos quer depender sempre de alguém para isso, esqueça o Blogger, talvez exista algo mais adequado para você.

Hoje vou falar do Vox, uma rede social de blogs que tem os mais belos templates prontos que conheço. O mais legal é que você escolhe com apenas um clique. O pré-requisito para usar o Vox é não se importar em utilizar uma interface toda em inglês, o que é tranqüilo para nós brasileiros, que já éramos viciados em orkut antes de traduzirem, lembra?

Acho até que se muitos brasileiros passarem a utilizar mais o Vox eles agilizam a tradução. Nas configurações de conta até tem a opção Language onde dá para escolher Português, mas não muda nada. Talvez eles estejam contabilizando para investirem nisso quando acharem que compensa.

Abaixo alguns exemplos de blog hospedados gratuitamente no Vox. Todos bonitos, sem dúvida.

http://maurycio.vox.com/ jasparina.vox.com fabao.vox.com lifeandverbs.vox.com contosedesencontros.vox.com xisde.vox.com

Como se cadastrar

  1. Entre na página Register do Vox.
  2. Preencha corretamente todas as opções do formulário Create your free Vox account e clique em Sign Up
  3. Abrirá uma página de confirmação dizendo Your account has been created. Para confirmar sua inscrição, abra a mensagem que o Vox enviou para seu e-mail. Se não encontrar na caixa de entrada, procure na pasta de spam. Quando eu fiz o cadastro experimental para fazer este post, o remetente foi vox [arroba] sixapart.com.
  4. Ao clicar no link de confirmação, você será direcionado para uma página dizendo All done! Get started on Vox today.
  5. Para ver o seu blog clique em You. Para mudar o tema clique em Change Your Design.
  6. Para criar um post, clique em Create.
  7. Para ir se enturmando, recomendo que comece pelos grupos Vox Brasil e/ou Portugal.
  8. Esqueça a personalização de fontes.

Curtiu? Então minha dica foi muito útil. Seja feliz no Vox!

Não curtiu? Não faz mal. Sinal que a existência do meu blog ainda faz sentido.

quinta-feira, dezembro 04, 2008

Tomazetti no #BloGYN

Blog do Tomazetti

@tomazetti é Assessor de Marketing do Atlético Goianiense e no blog dele futebol pouco é bobagem. Finalmente temos um blog sobre esportes na nossa comunidade, quem saiba assim eu aprenda um pouco… Como entendo quase nada sobre futebol e afins, vou ficando por aqui antes de falar “abobrinha”. Confira você mesmo!

Novo domínio

Domínio no quadro

Para facilitar a vida de todos nós o endereço do blog está mais curto e fácil de decorar: www.htmhelen.com. Durante as primeiras 24 horas poderemos ter dificuldade de acesso por causa da migração do domínio nos servidores do Google, mas logo estaremos de casa nova. O endereço do feed continuará o mesmo: feeds.feedburner.com/htmhelen.

Seja bem-vindo a nosso novo endereço!

quarta-feira, dezembro 03, 2008

Iluminada

Compositores: Roberta Mendes e Jorge Portugal

Iluminada, Maria Bethânia
Quando você me acendeu
Fiquei toda arrepiada
Vi claridade no breu
Minha alma iluminada
Senti uma febre danada
Perdi minha hora marcada
Abri minha porta fechada
E o meu corpo tremeu
Eu estava apaixonada, meu Deus

Quando você me entendeu
Eu não entendia nada
Minha vida renasceu
E amei estar sendo amada
Senti uma febre danada
Perdi minha hora marcada
Abri minha porta fechada
E o amor se rendeu
Quero ser sua namorada, meu Deus

Seja lá quem te mandou
Meu amor te recebeu
E hoje o céu de sua estrela
Menino, sou eu
Menino, sou eu

Seja lá quem te mandou
Meu amor te recebeu
E hoje o céu de sua estrela
Menino, sou eu
Menino, sou eu

Para meus amigos saberem como eu estou me sentindo ultimamente… iluminada!

terça-feira, dezembro 02, 2008

1482 vagas federais para graduados

Entrega de diploma
INSS
900 vagas para analista com formação em Serviço Social com remuneração inicial de R$ 3.586,26. Inscrições até 10/dez. Taxa de R$ 50,00. Prova dia 11/01/2009. Veja o edital.
Ancine
55 vagas para especialista e analista com remuneração inicial de R$ 9.552,00. Inscrições até o dia 21/dez. Taxa de R$ 80,00. Prova dia 11/01/2009. Veja o edital.
Ibama
225 vagas para analista ambiental com remuneração inicial de R$ 4.115,37. Inscrições até 16/dez. Taxa de R$ 60,00. Prova dia 25/01/2009. Veja o edital.
MRE
150 vagas para oficial de chancelaria com remuneração inicial de R$ 4.818,38. Inscrições até 12/01/2009. Taxa de R$ 111,25. Prova dia 08/02/2009. Veja o edital.
ANA
152 vagas para especialista e analista com remuneração inicial de R$ 8.389,60. Inscrições de 04 a 28/dez. Taxa de R$ 100,00. Prova dia 1º/03/2008. Veja o edital.

Fonte: iG Concursos

Foto deste álbum.

sábado, novembro 29, 2008

Marcadores em formato de nuvem

Nível: intermediário
Nuvens

Este tutorial é para quem usa Blogger, tem muitos marcadores e quer mantê-los ocupando menos espaço no template.

1. Adicionando os Marcadores

Se seu blog já exibe os marcadores, pule para o próximo passo, se não tem, vá até Layout » Elementos da página » Adicionar um gadget. Procure e selecione a opção Marcadores:

Marcadores

Configure como desejar e salve:

Marcadores2

Arraste o gadget criado para o local desejado e salve:

Marcadores

2. Coloque os marcadores em formato de nuvem

Por padrão, esse recurso gera uma lista, onde um marcador aparece abaixo do outro. A lista de marcadores do Blogger utiliza id='Label1', sabendo disso é fácil forçar sua lista em formato de nuvem com CSS. Logo acima do trecho do seu código que diz ]]></b:skin>, adicione as linhas abaixo (exceto a última, que já tem no seu blog):

#Label1 ul {text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>

3. Tirando o contador de posts

Por padrão, cada marcador mostra o número de posts com aquela tag. Para sua nuvem ficar bonita é melhor não mostrar. Clique em Expandir modelo de widget e procure o seguinte código:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>

</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Onde está escrito Marcadores deve estar o nome que você escolheu para sua lista de marcadores. A parte de código em destaque deve ser escluída para que os números não apareçam. Após excluir, salve e desmarque a opção “Expandir modelos de widgets”.

Marcadores em Nuvem

4. Outras opções de efeitos

Para exibir os marcadores com todas as letras minúsculas:

#Label1 ul {text-transform:lowercase; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>
Exemplo de Marcadores

Para exibir os marcadores com todas as letras maiúsculas:

#Label1 ul {text-transform:uppercase; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>
Nuvem Uppercase

Para definir a fonte:

#Label1 ul {font-family:verdana; font-size:11px; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>

Para efeitos de links, visite Links e sublinhados.

Eu tive a idéia desse tutorial porque via alguns blogs com um número muito grande de tags que talvez precisassem desse recurso. Aproveitei e transformei em nuvem os marcadores do meu blog pessoal.

Update 04/02/2009

Se quiser uma nuvem de marcadores com tamanhos de fonte variados, visite o tutorial Marcadores em formato de nuvem 2.

Contato por e-mail

Nome

E-mail *

Mensagem *