Conheça o álbum de figurinhas virtual da FIFA - 2014

Álbum Virtual da Copa do Mundo 2014

Para quem ainda não viu, a FIFA lançou dia 15 de abril o Álbum de Figurinhas Virtual Panini da Copa do Mundo FIFA 2014. O novo álbum ficará hospedado no site FIFA.com graças à uma parceria com a Coca-Cola.

O álbum virtual já foi um grande sucesso em 2010, na África do Sul, e espera-se que esta edição tenha ainda muito mais colecionadores no mundo todo.

Ao todo, serão 392 cromos: 11 jogadores mais o logo de cada seleção e 40 figurinhas especiais, como o mascote, a bola e o troféu do torneio. Além disso, há ainda 32 "figurinhas de torcedor", que só podem ser adquiridas através de trocas, mas não são necessárias para completar o álbum.

Após se cadastrar no site da FIFA, o usuário receberá 3 pacotes de figurinhas grátis a cada dia. O colecionador também poderá buscar códigos em promoções para ter direito a mais pacotes e trocar figurinhas repetidas com outros colecionadores.

Quem completar o álbum até 31 de agosto irá concorrer a prêmios, como uma edição em capa dura e outro conjunto de figurinhas da Panini.

A novidade para este ano é a área para troca de figurinhas, grupos de colecionadores e o Hall da Fama. Também será possível utilizar aplicativos para smartphones e tablets nas plataformas IOS e Android.

Se cadastrando no site da FIFA

Acesse o link: www.fifa.com/stickeralbum

Role a tela e clique no botão [Jogue Agora].

Para registrar com a sua conta no Facebook, clique em [Registre-se no Facebook].

Se preferir, clique no botão [Registre-se] para criar uma conta exclusiva no site.

Preencha os campos Primeiro Nome, Último Nome, Email e clique em [Iniciar Cadastro].

Preencha todos os campos das etapas 1, 2 e 3. Na etapa 3, não esqueça de selecionar “Ao marcar Eu concordo – você aceita os Termos e Condições da FIFA”.

Depois clique no botão [Registre-se].

Usando o Álbum Virtual

Depois de registrado no site, faça o login com seu Email e Senha ou entre com a sua conta do Facebook em [Registre-se no Facebook].

Leia os Termos e Condições Gerais e se você estiver de acordo, selecione “Concordo que os meus dados sejam compartilhados com a …”. Clique no botão [OK].

Aguarde alguns instantes para carregar o aplicativo.

1) No menu Superior, clique em [Regras]. Leia sobre os Termos e os Prêmios.

2) Acesse [Meu Álbum] para conhecer o álbum. Você pode ir virando as páginas ou no menu abaixo, ir direto para uma seleção…

Para voltar ao menu de entrada, clique no X que aparece no canto superior direito.

3) Para receber as figurinhas do dia clique sobre o pacote. Lembre-se, como já dissemos você direito a 3 pacotes por dia…

Estas são as figurinhas que recebi no primeiro pacote. Passe o mouse sobre elas para saber o nome do jogador ou o logo da seleção. Clique no botão [Continuar].

As suas figurinhas ficarão empilhadas no campo Minhas Figurinhas.

4) Para colar as figurinhas no álbum, clique sobre a pilha [Minhas figurinhas], que mostramos no item anterior.

Agora é só arrastar a figurinha desejada no campo Cole no Álbum.

O álbum abrirá na página da seleção da figurinha. Arraste a mesma na posição correta.

Pronto, a figurinha estará colada no álbum.. Clique no X para fechar a janela.

E aí está, figurinha colada.

Agora faça isso com as demais figurinhas que você recebeu. As figurinhas repetidas você poderá trocar com seus amigos.

Você também poderá criar grupos de colecionadores e ganhar pacotes de figurinhas através de promoções, bastando digitar o código…

Bem agora é com você. Você descobrirá mais novidades no site. Boa sorte com a sua coleção!

byALF

Continue lendo

12 dicas para ter uma postura profissional – empregos.com.br

12 dicas para ter uma postura profissional

Cuide da sua postura profissional para que as pessoas te respeitem e admirem.

Da Redação- Empregos.com.br

A primeira impressão é a que vale, então é melhor estar preparado para mostrar uma postura profissional. E não é só a roupa que conta, as atitudes e a linguagem corporal também dizem muito sobre você.
Veja nossas 12 dicas para você ter uma postura profissional apropriada.

1. Aparência engloba tudo o que pode ser visto à sua volta
Objetos, mesa, seu escritório etc. Considere também a escolha dos lugares em que você marca um encontro ou reunião.

2. Inicie bem um encontro com um aperto de mão seguro e confiante
Cuidado para não apertar muito forte ou muito fraco.

3. Mostre-se aberto à conversa
Sorria, descruze os braços e tenha uma postura alinhada.

4. Pronuncie bem as palavras
Fale em tom adequado ao ambiente; não queira ser o centro das atenções.

5. Cuidado para não ser afobado, ouça antes de falar
No discurso do outro estão as dicas dos caminhos a ser seguidos para conduzir uma boa conversa.

6. Demonstre interesse ao guardar o cartão de visitas alheio
Não o jogue de qualquer forma dentro da bolsa ou do bolso.

7. No dia a dia da empresa, seja gentil e educado
A dica vale tanto para os colaboradores de posição mais simples como para os mais importantes da hierarquia empresarial. “Bom dia”, “por favor”, “com licença” e “obrigado” são palavras bem-vindas.

8. Procure estabelecer relações cordiais e de confiança com seus colegas
É importante que eles saibam que podem contar com a equipe para solucionar problemas mais difíceis.

9. No escritório ou baia, seja comedido
Limite-se a uma foto pequena de entes queridos e a itens de escritório com um toque pessoal. Deixe bichinhos, objetos espalhafatosos e ícones de hobbies em casa.

10. Não force intimidade com seus colegas
Lembre-se: a relação é de trabalho, não pessoal.

11. Evite atender a diversas ligações pessoais no trabalho
Isso faz com que todos acompanhem os pormenores de sua vida naquela semana, mês, ano.

12. Dê continuidade aos bons hábitos de postura profissional
Essa conduta é importante para consolidar a impressão positiva ao longo do tempo.

LEIA TAMBÉM:

• Use a postura para conseguir o emprego desejado
• Sua imagem é importante?
• 6 dicas para ser feliz no trabalho

Créditos: empregos.com.br

Continue lendo

Plugin Syntax Highlighter para o WordPress

O que é Syntax Highlighter

Para quem ainda não conhece, Syntax Highlighter (Realce de sintaxe) é uma ferramenta disponível em alguns editores de texto ou em alguns CMS - Sistema de gerenciamento de conteúdo (Content Management System em inglês), que altera a formatação de parte do conteúdo de um blog, permitindo que seus leitores possam entender melhor os códigos de programação publicados.

É ideal para quem quer compartilhar ou exemplificar trechos de programação, códigos e/ou scripts em HTML, JavaScritp, CSS, PHP, Java, Asp, etc….

Veja um exemplo abaixo:

Como o WordPress não possui esta funcionalidade por padrão, vamos mostrar neste artigo como inserir e utilizar o plugin Crayon Syntax Highlighter no seu blog.

O plugin Crayon Syntax Highlighter é perfeito. Suporta vários idiomas, linguagens de programação, temas e fontes a partir de uma URL, arquivo local ou de um texto publicado. Veja a seguir como instalar e utilizar o plugin…

Obs.: Se você usa o Blogger, leia Prettify Syntax Highlighter no Blogger

 

Criando uma página de teste

Antes de instalarmos o plugin, criamos uma página de teste (post) mostrando um código de programação antes de inserirmos o Crayon Syntax Highlighter, onde utilizamos o código abaixo:

<pre>

$(function() {

alert('Eu estou usando um plugin Syntax Highlighter');

});

</pre>

Adicionamos o código acima em um novo post.

Veja como aparece o código no blog antes de instarmos o plugin:

Instalando o plugin Crayon Syntax Highlighter

Acesse o WordPress na página administrativa: (Entre no seu blog e faça o login. Acesse o painel do Wordpress.org).

No menu lateral, selecione [Plugins] e clique em [Adicionar Novo].

Em [Pesquisar] digite o termo “Crayon Syntax” e clique no botão [Pesquisar plugins].

Encontrando o Plugin, clique em [Instalar agora].

Clique em [OK].

Após a instalação clique no link [Ativar plugin]

Pronto, plugin instalado e ativado.

Usando o plugin – adicionar novo código

É realmente muito simples a utilização do plugin. Quando você adicionar um novo post, ou mesmo editar um post já publicado, verá uma nova tag denominada [cryon].

A imagem abaixo, veja a tag [crayon] no modo Texto (HTML).

Ou no modo Visual, como mostra a imagem abaixo:

Para mostrarmos como usar o plugin vamos voltar a nossa página de teste que criamos anteriormente. Vamos agora inserir o código HTML abaixo, usando a tag [crayon].

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /><meta name="description" content="a descrição do seu site em no máximo 90 caracteres"><meta name="keywords" content="escreva palavras-chaves curtas, máximo 150 caracteres"><title>Título do Documento</title></head> <body> <!-- Aqui fica a página que será visível para todos, onde pode-se inserir textos, imagens, links para outras páginas, etc, geralmente usa-se: –><div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets (Folhas de Estilo em Cascata)</div><span>Tag para modificação de uma parte do texto da página</span><img src="endereço_de_uma_imagem.jpg" /> <a href="http://www.wikipedia.org">Wikipedia, A Enciclopédia Livre</a></body></html>

No Editor do Wordpress, modo VISUAL, posicione o cursor no local onde você deseja inserir o código para apresentação. Depois, clique em botão [Adicionar código Crayon].

No campo Código, digite ou cole o código que você deseja inserir.

No nosso exemplo vamos copiar e colar o código HTML que mostramos anteriormente…

Depois de colado ou digitado o código, faça as configurações do seu Sintax Hightlighter, como título, linguagem de programação, temas, fonte, dimensões, etc..

Para mais informações: http://wordpress.org/plugins/crayon-syntax-highlighter/

Feitas as alterações desejadas (você deverá testar todas as configurações possíveis até encontrar a mais adequada para a sua apresentação), clique no botão [Adicionar].

Veja como ficaram definidas as configurações do nosso exemplo…

Obs.: O que aparece em amarelo foi alterado em relação aos parâmetros globais.

Após adicionado o código, clique no botão [Atualizar] para publicar o post.

Pronto, veja como a apresentação do código utilizando o plugin Crayon Syntax

Usando o plugin – editando um código já publicado

Voltamos ao editor do Wordpress.  Vamos alterar agora aquele primeiro código que inserimos na página de teste.

Clique no código desejado (em qualquer ponto da área delimitada ao redor do código).

Clique no botão [Adicionar código Crayon].

Mude as configurações e clique no botão [Salvar]. Veja nosso exemplo abaixo:

Clique no botão [Atualizar] para publicar as modificações do post.

Veja agora como ficou o código utilizando o plugin….

Usando o Código com o Syntax Highlighter

Obs.: Para ver a página de teste, clique no link:

 http://visualdicas.com.br/byalf/?p=79

Observe que quando você passa o mouse sobre um código publicado com o Crayon Syntax Highlighter  aparecerá uma Barra de Ferramentas no topo. Este menu é muito importante e funcional que ajudará os seus leitores a utilizarem melhor o código que foi apresentado.

Obs.: Você poderá mudar as configurações da barra de ferramentas na edição de cada código, ou alterando as configurações globais do plugin (padrão).

Veja as funcionalidades da barra de ferramentas:

1) Alterna quando clicado com nº de linhas ou sem nº das linhas

2) Exibir código simples

3) Alternar quebras de linha ou sem quebras de linha

4) Expande o código na horizontal

5) Seleciona e copia o código automaticamente (Para colar, use CTRL+V)

6) Abre o código em uma nova janela do navegador

Nova janela apenas com o código

Alterando as configurações globais do plugin

Para alterar as configurações globais do plugin Crayon, acesse a página administrativa do seu blog no Wordpress.

Selecione [Configurações] e clique em [Crayon].

Faça as alterações desejadas para o padrão global do plugin.

Depois de realizar as alterações, no final da página clique no botão [Save Changes].

byALF 

Leia também:

Prettify Syntax Highlighter no Blogger

Continue lendo