terça-feira, 9 de dezembro de 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, 8 de dezembro de 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, 5 de dezembro de 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, 4 de dezembro de 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, 3 de dezembro de 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, 2 de dezembro de 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, 29 de novembro de 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.