Olá amigos! É com grande prazer que venho aqui anunciar os ganhadores da nossa promoção para comemorar a nova fase do Novo na Rede! (tudo bem que as coisas não aconteceram exatamente como eu esperava, mas no fim o que importa é que estamos aqui hoje, felizes, confiantes e com vontade de acertar!)

Como no fim das contas a grande maioria dos participantes eram nossos colaboradores, então o sorteio acabou sendo quase que certo e os prêmios ficaram entre eles mesmo (e eu fiquei muito feliz com isso! ).

Então chega de conversa e vamos aos prêmios e seus respectivos ganhadores!

Serão desenvolvidos e entregues:

1 Banner de 125 x 125 pixels

Ganhador(a): Gustavo Freitas do blog GF Soluções

1 Banner de 250 x 250 pixels

Ganhador(a): Viviane Righi do blog Fluindo o Olhar  

1 Banner de 480 x 60 pixels

Ganhador(a): Luís Filipe Cabral do blog Luca BD

1 Banner de 728 x 90 pixels

Ganhador(a): Guaraci Celso Primo do blog Blog do Guara

1 Header (cabeçalho) Personalizado com Logotipo

Ganhador(a): Geraldo do blog Blog do Pharis

Ganhadores de Publicidade:

1 Banner + 1 mês de publicidade no Novo na Rede

Adriano Bachega do blog Adriano Bachega

1 Mês de publicidade no blog GF Soluções 

Jr Vilanova do blog Contatos Imediatos

1 Mês de publicidade no blog Quero Criar um Blog 

Lu Girão do blog Voz Ativa

1 Mês de publicidade no blog Temas WordPress 

Luísa L. Maia do blog Arte & Manhas

1 Mês de publicidade no blog Oportunidade Profissional

 
Ana Lucia Nicolau do blog Ana Lucia Nicolau

E para fechar o nosso GRANDE PRÊMIO!

1 Template exclusivo para o Novo Blogger

Jorge Fortunato do blog Acabou o Caviar?

Importante: Os ganhadores tem até o final de janeiro para entrar em contato comigo e reclamar os seus prêmios! Podem entrar em contato por email por favor (e se quiserem deixar um comentário aqui eu agradeço também ) e é lógico que vou tentar entrar em contato com cada um.

É isso amigos!

Fico muito feliz pelo resultado e espero que todos gostem dos prêmios recebidos!

Esse ano vamos ter muitas promoções e surpresas por aqui! Então fique ligado(a)!

Hoje vamos aprender a criar uma caixinha "Link-me". Já falamos por aqui sobre o que é um banner, mas antes de mais nada, para ser sincero eu nem me lembro mais onde aprendi a fazer essa caixinha, uma vez que comecei a ver isso com HTML e JavaScript antes mesmo de pensar em criar o meu primeiro blog. Mas de qualquer forma, dei uma pesquisada e não encontrei em nenhum blog uma explicação muito detalhada, então vamos lá!

Para começar, vamos entender que a caixinha Link-me nada mais é que um elemento textarea com um código dentro. O código por sua vez serve para fazer aparecer a imagem do banner ao mesmo tempo em que linka essa imagem ao blog.

Para quem não entende nada de html é importante saber que a tag <textarea> precisa ser fechada para evitar erros. Na prática é algo assim:

<textarea>

Seu código aqui

</textarea>

Criando Seu Banner

Antes de criar a sua caixinha você vai precisar de um banner pronto. Existem serviços on-line que oferecem a criação de banners grátis. Em uma pesquisa rápida encontrei pela rede:

Crie seu Banner online
Uma lista com serviços on-line escrita pelo Celso Lemes do Criar Sites.

Uma outra opção é fazer um banner com o logotipo do blog. Bastando utilizar um programa de edição de imagens para acertar o seu tamanho.

Um programa que recomendo e já escrevi um tutorial de como usá-lo para fazer montagens com fotos dos seus amigos aqui é o PhotoFiltre.

Enfim, como fazer o banner é você quem decide, o que vamos ver aqui é como criar a caixinha Link-me.

Hospede o banner em algum lugar, basta que você tenha cuidado porque a ideia é que essa imagem seja mostrada em vários e vários blogs (que vão linkar o seu blog né?). Então você não pode se dar ao luxo de hospedar essa imagem em um lugar qualquer.

Criando Sua Caixinha Link-me

Com a imagem hospedada e a url (endereço) dela em mãos, vamos ao código da caixinha Link-me:

Copie o código abaixo e cole na sua sidebar:
<br/><br/><textarea rows="3" cols="21" onfocus="this.select()" onmouseover="this.focus()"><a href="URLDOBLOG" target="_blank"><img border="0" src="URLDAIMAGEM"/></a></textarea>
<a href="URLDOBLOG" target="_blank" title="NOMEDOBLOG"><img border="0" alt="Banner" src="URLDAIMAGEM"/></a>

Faça as alterações necessárias:

URLDOBLOG – Substitua pela url (endereço) da página inicial do seu blog.
Exemplo: http://www.novonarede.com.br/blog

URLDAIMAGEM – Substitua pela url (endereço) da imagem que você hospedou.

NOMEDOBLOG – Substitua pelo nome do seu blog!
Exemplo: Novo na Rede

Onde está escrito Copie o código abaixo e cole na sua sidebar: você pode escrever o que quiser para a "chamada" da sua caixinha Link-me.

Dica: se você quiser centralizar a caixinha e o banner, basta adicionar o <center></center> ao código, assim:

<center>
Código da caixinha
</center>

Instalação

Blogger
Crie um campo HTML/JavaScript na sua sidebar (barra lateral) e adicione o código da sua caixinha Link-me!

WordPress.org ou WordPress.com
Vá em Appearance –> Widgets e adicione um campo Text a sua sidebar. Aí é só colar o código lá e salvar.

Entendendo o código

Tanto o onfocus="this.select()" e onmouseover="this.focus()" eu aprendi com JavaScript básico e eles são responsáveis pela seleção do código quando o mouse do leitor passa por cima do código e sai dele.

O rows="3" cols="21" se refere a altura e a largura da textarea, que é a área onde está o código aparente para o leitor (a caixinha propriamente dita). Se você quiser uma caixinha mais alta, mude o rows para 4, 5, 6… você que sabe. Se quiser mais larga mude o cols para 22, 23, 24… ou 20, 19, 18… se quiser mais estreita.

Dica: Lembre-se sempre de tomar muito cuidado na hora de alterar o código para não apagar nenhuma aspa, caso contrário o código não vai funcionar!

Boa sorte e aproveite a sua caixinha Link-me!

Faça bom uso!

Imagem: Konstantin Schneider

PS: Este é mais um tutorial do antigo Novo na Rede que foi atualizado e republicado.

E aí? Você sabe o que é um banner? Tudo bem que a pergunta parece ridícula para quem já está a algum tempo nesse "mundinho" conhecido como blogosfera, mas você já parou para pensar sobre o assunto? Esse post é para você que não faz ideia do que seja um banner, mas também para você que tem um banner, mas nunca parou para pensar sobre isso, apenas usa.

Primeiro, a resposta:

Um banner, basicamente, pode ser definido como uma forma de publicidade (hum!). Que por sua vez é construído a partir de uma imagem (que pode ser GIF, JPG, BMP e outros Gs, Js).

Impressão:

Sempre que uma página contendo um banner é carregada em um navegador, da-se o nome de "impressão". Daí os anúncios e/ou anunciantes que pagam por impressão (geralmente 1000).

Histórico:

O primeiro anúncio clicável (que mais tarde veio a ser conhecido pelo termo "banner") foi vendido pela Rede Global Navigator (GNN), em 1993, para uma firma de advocacia.

HotWired (o primeiro site a vender banners em grandes quantidades) cunhou o termo "banners" e foi a primeira empresa a fornecer relatórios sobre a taxa de cliques de seus clientes. O primeiro banner vendido pela HotWired foi para a AT & T (fornecedor de serviços telefônicos e de de acesso à Internet sem fio nos Estados Unidos), e foi colocado online em 25 de outubro de 1994.

Nada como um pouco de conhecimento!

Pergunta 2:

Você sabe quais os tamanhos "oficiais" de banners?

Pois bem, segundo a Interactive Advertising Bureau (IAB para os íntimos) - Uma organização empresarial americana que desenvolve padrões para a indústria (pelo que eu pude apurar) - recomenda nove tamanhos específicos de anúncios para sites (tamanhos em pixels):

Além dos tamanhos oficiais mostrados acima, hoje em dia também é muito comum o uso de banners 728x90 e 180x600. No mais o "oficiais" (entre aspas) que aparece na pergunta não é sem motivo.

Logicamente que se o site/blog é seu, você usa o tamanho que quiser, mas é sempre bom saber que na hora de negociar, você vai ter que seguir algumas regras.

Faça bom uso!

Conteúdo: Wikipédia - Web banner
Mais alguns artigos de revistas e muita curiosidade mesmo.  
Imagem: Sheila VooDoo