💬 HTML | Faça citações usando q e blockquote

Atualizado dia 24 de maio de 2018.

Bonito isso, né? Li num livro!

Os níveis dos tutoriais

Para facilitar a vida de todos (inclusive a minha), todos os tutoriais serão classificados em níveis.

Tenho recebido muitos e-mails desesperados de pessoas totalmente leigas e iniciantes que tentam usar tutoriais de nível avançado e, o que é pior: sem experimentar primeiro em um blog de testes. Avacalham com o próprio blog e ainda insinuam que a culpa é minha. Morro de rir, mas mesmo assim sinto compaixão por essas pessoas.

Antes de mais nada, tenha sempre um blog/site de testes. Se você usa o Blogger, aí é que não tem desculpa mesmo, já que é gratuito e ainda dá para configurar o blog como privado para ninguém ficar bisbilhotando suas experiências. Experimentou no blog de testes? Funcionou? Então vá para o blog real, mas não sem antes salvar o atual template.

Os níveis serão apenas três:

Nível: iniciante

Esses tutoriais são os mais simples. Espero que mesmo uma pessoa que ainda não conhece a maioria das tags de HTML já seja capaz de utilizar esses tutoriais sem muito sofrimento, só seguindo os passos ou as instruções do post e fazendo primeiro em um blog de testes.

Nível: intermediário

Esses tutoriais exigem noções sólidas de HTML, noções de CSS e do código do Blogger (quando for o caso). No nível intermediário pode ser que você ainda não saiba o que fazer, mas tem que saber pelo menos o que não deve ser feito. Imprescindível experimentar primeiro em um blog de testes.

Nível: avançado

Desejável domínio de HTML, noções sólidas de CSS e total familiaridade com o código do Blogger (quando for o caso). Exemplo: olhar uma determinada parte do código do seu blog e saber que aquilo se refere aos comentários e não aos posts, à barra lateral e não ao cabeçalho. Não é porque você já está no nível avançado que vai deixar de fazer primeiro em um blog de testes e fazer backup do template antes de modificar.

Não existe fórmula mágica para evoluir entre os níveis. "Blogar" dá trabalho, tem que estudar, fuçar, experimentar, estudar, fuçar, experimentar…

Imagem surrupiada do blog bzanella.blogspot.com.

Twitter em pauta

Tudo começou quando o Rodrigo Alves disse que o Twitter não servia para nada. Eu, para zoar com o mau péssimo humor, típico dos textos dele, linkei o post no Twitter para que eu e um monte de twitterolics entrássemos no blog para dizer o contrário. Eu fiz um post sobre o assunto, ele leu e achou que até poderia ter alguma serventia para alguém.

Era um lindo dia quente em Goiânia irrelevante, em Goiânia até os dias chuvosos são quentes, o Rodrigo tinha tomado muito sol na moleira, estava sem idéia para o caderno Magazine de O Popular, quando se lembrou do Twitter. Sugeriu a pauta e, por parível que incresça, aceitaram. Ele me ligou, me entrevistou, indiquei alguns twitteiros (todos, coincidentemente, do #BloGYN), alguns responderam a tempo de sair na matéria e três até toparam fazer foto - um ficou com cara de pateta, outro com cara de bobo, mas é normal os editores sempre escolhem as piores fotos dos rapazes e as melhores das moças.

Rafael Sarmento ganhou a maior foto da matéria.

A matéria foi publicada nesta quinta-feira, 13/nov/2008, e teve participação dos seguintes twitteiros:

Fabíola Ariadne

A blogueira do Eu preciso te contar! saiu bem na foto para salvar o #BloGYN - apesar de ter sido tirada "com cabelo de pijama". Da matéria não reclamou. (…) acho que a matéria conseguiu explicar o q é Twitter e para q serve. Esse é o objetivo, e ñ mostrar o "conhecimento" de cada entrevistado. Via Twitter.

Fernando Giron*

Ainda não lista no #BloGYN, mas se tiver blog será bem-vindo.

Leonardo Barbosa R.

(…) o cara simplesmente inverteu tudo que eu falei - disse em seu twitter o blogueiro do Um Tudo.

Núbia Rodrigues

Parece que não deu tempo de fotografarem a dona do Meu Canto, que foi identificada como universitária no lugar do Rafael.

Rafael Sarmento

Com cara de pateta. Ficou indignado por terem chamado ele de estudante ao invés de universitário. Falou sobre a matéria em seu blog.

Renato Batista

Também conhecido como Zenatuz, nosso blogueiro é mais um indignado com a matéria… (…) Pô, fiquei parecendo que não sei nada de informática e com cara de bobo (…).

Helen Fernanda

Ao contrário de um certo repórter do Correio Braziliense, o Rodrigo acertou minha idade. Toda matéria sobre comportamento tem um especialista dando pitaco no final, por ter começado uma pós-graduação em agosto eu fiquei sendo "a especialista" da matéria. Tá, nem tudo são flores, ele também distorceu algo que eu falei, exatamente a última frase da matéria. Eu não previ que spams automáticos invadirão o Twitter, eu disse que eles já invadiram.

Resumo de tudo: o Rodrigo exaltou as moças e zoou com os rapazes. Foi isso! Erika, dá um jeito nesse menino aí para ele não ficar fazendo essas maldades com os garotos.

* Fernando Giron é o único citado neste post que ainda não é membro do BloGYN.

Hotsite da nova linha Avon Sun

O novo hotsite da linha Avon Sun - que agora tem Protetor Solar Gel FPS 15 e Bloqueador Solar Spray FPS 30 - está muito bonito e agradável.

geek gyn no BloGYN

Fernando Pedro é mais um programador do pé-rachado¹ para enriquecer nossa comunidade de blogueiros.

O blog dele é como o Web4u do Fred, tipo "se você não sabe do que eu estou falando, caia fora daqui". A jornalista que vos escreve é muito leiga em programação, mas uma coisa eu consegui captar do blog dele: software livre.

Bem, se você programa, vai se identificar bastante com o Fernando. Se você é como eu, "Leiguinho da Silva", recomendo os posts de pelo menos duas categorias: Frases e Histórias.

1. Goiano do pé-rachado é a expressão que utilizamos aqui em Goiás para designar alguém que nasceu e sempre morou no Estado de Goiás. O pé-rachado é por causa do tempo aqui, muito quente e seco.

Escolha o ícone da sua lista de blogs

Nível: iniciante

Quando você cria uma lista de blogs no Blogger, tem a opção de mostrar os ícones dos blogs listados, como neste exemplo:

Alguns blogs não vão exibir ícone algum, outros vão exibir o ícone de sua hospedagem gratuita (Blogger, Wordpress…) e só alguns títulos de blogs vão aparecer com seu próprio ícone.

Se cada blog exibisse seu próprio ícone eu ía preferir assim, mas como fica bastante irregular, eu preferi padronizar as imagens que são exibidas antes dos títulos dos blogs.

Passo 1 - Vá até Layout >> Elementos da Página e clique em Editar na widget da sua lista de blogs. Desmarque a opção Ícone e Salve:

As demais opções você pode deixar como estavam antes.

Passo 2 - Escolha uma imagem que vai utilizar como "ícone" nas suas listas de blogs e copie o endereço dela. Se quiser sugestões eu recomendo o Website Bullets.

Passo 3 - Vá até Layout >> Editar HTML e procure pelo código ]]></b:skin>

Logo acima, cole o código abaixo, sendo que na parte em destaque você coloca o endereço do seu ícone:

.blog-title {background:url(http://www.websitebullets.com/bullets/71.gif) no-repeat left; padding-left:20px;}

Tem que ficar assim:

.blog-title {background:url(http://www.websitebullets.com/bullets/71.gif) no-repeat left; padding-left:20px;}
]]></b:skin>

Clique em Visualizar antes de salvar. Deve ficar parecido com isso:

Lista com snippets	Lista sem snippets

Se você sabe um pouco de CSS, já percebeu que não é um ícone verdadeiro, é um background que, utilizado sem repetir (no-repeat), alinhado à esquerda (left) e com certa distância do texto (padding-left:20px), fica parecendo um ícone. Funciona com qualquer outra class ou id do seu blog/site.

Descontinuados Avon da Campanha 19

Final de ano sempre tem muitos produtos descontinuados, uns porque são reformulados, outros porque saíram definitivamente do portfólio.

Como hoje é o penúltimo dia para você fazer seu pedido da Campanha 19 comigo (isso mesmo, amanhã a tarde já envio meus pedidos!), vou listar aqui as colônias que estão disponíveis pela última vez no folheto Avon:

Programa Trainees Vivo 2009

Achei o convite do site da Vivo tão motivador que vou ter a cara-de-pau de copiar:

O Programa Trainees 2009 da Vivo visa recrutar jovens profissionais para trabalhar conosco. A formação presencial tem duração de 12 meses e é baseada nas competências e valores da Vivo:

• Qualidade
• Confiança
• Simplicidade
• Interação
• Sustentabilidade
• Entusiasmo

Durante o programa, você desenvolverá projetos aplicados à realidade da empresa, sob orientação contínua. Você terá a oportunidade de ampliar sua visão de negócios e exercer seu potencial.

Para concorrer é preciso ter inglês avançado/fluente, espanhol intermediário e ser graduado há no máximo dois em anos em:

• Administração de Empresas
• Análise de Sistemas
• Ciências Contábeis
• Ciências da Computação
• Comércio Exterior
• Comunicação Social
• Economia
• Engenharia
• Estatística
• Direito
• Marketing
• Matemática
• Psicologia
• Relações Internacionais
• Tecnologia da Informação
• outros cursos similares/relacionados aos supracitados

Para participar, visite o site Vivo RH e inscreva-se. Não se esqueça de marcar Tipo de currículo = Trainee.

2 mil vagas para teleoperador em BH

E continuam chovendo vagas de telemarketing…

As vagas de hoje são da AeC Contact Center, empresa do Grupo AeC com sede em Belo Horizonte, onde a empresa já emprega mais de 7 mil pessoas.

Sobre o BloGYN

O que é BloGYN?

BloGYN é o coletivo dos blogueiros de Goiânia. GYN é a abreviatura de Goiânia utilizada na aviação. A abreviatura postal da cidade é GNA, mas a da aviação é muito mais popular.

Quem participa?

Blogueiros de Goiânia: que moram em Goiãnia, que nasceram em Goiânia, que são do interior e de vez em quando passeiam em Goiânia, que têm tantos parentes em Goiânia que até já "puxaram" o sotaque… O importante é ter vínculo intenso e real com a cidade.

Como entrar?

Basta entrar no nosso grupo no Google, responder às perguntas e aguardar para ter seu blog divulgado em nosso feed, em nosso twitter e em nosso blog.

Para que serve o blog?

O blog é mais uma forma de divulgação dos blogs de Goiânia e também uma forma de contar as notícias como blogs novos, mudanças de endereço, mudanças de template… É o metablog do BloGYN.

Como acompanhar o BloGYN?

• Feed: http://feeds.feedburner.com/blogyn
• Blog: http://blogsdoblogyn.blogspot.com
• Twitter: http://twitter.com/blogyn

Blogoianada é concorrente do BloGYN?

Depois de algumas reuniões reais dos membros socialmente ativos do BloGYN e de alguns desentendimentos virtuais, eles (os socialmente ativos) resolveram criar o Blogoianada que, ao contrário do BloGYN, tem vários administradores (o BloGYN atualmente só tem uma) e é baseado em encontros reais (o BloGYN é baseado na participação virtual no grupo). As duas comunidades não são concorrentes e não há nenhum impedimento em participar das duas.

Mais alguma dúvida sobre o BloGYN? Comente!