Ícones para redes sociais com efeito Opacity

Sabe esses ícones que eu uso no topo do meu blog, de redes sociais? Hoje vou ensinar como fazer para colocar ícones iguais a esses no seu blog!

É muito fácil e o código é bem simples.

Primeiramente, entre com sua conta no Blogger e entre na aba "Layout" (ou "Design>>Elementos de Página" no modelo antigo) e clique em "Adicionar Elemento" e escolha "HTML/Javascript". Cole o código abaixo no espaço:


<a href="ENDEREÇO DO FEED"><img style="height: 64px; width: 64px; opacity: 0.5;" src="ENDEREÇO DA IMAGEM DO FEED" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" /></a>

<a href="ENDEREÇO DO FACEBOOK"><img style="height: 64px; width: 64px; opacity: 0.5;" src="ENDEREÇO DA IMAGEM DO FACEBOOK" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" /></a>

 <a href="ENDEREÇO DO TWITTER"><img style="height: 64px; width: 64px; opacity: 0.5;" src="ENDEREÇO DA IMAGEM DO TWITTER" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" /></a>


Não esqueça de colocar no código o endereço dos seus links e imagens! Leia o post "Ícones para Redes Sociais" para saber onde conseguir ícones para usar no código!
Lembrando que você pode adicionar quantos ícones quiser! É só repetir o código a partir de "<a href="ENDEREÇO DO LINK" até "</a>"
"Width" representa a largura da imagem e "height", a altura. Você também pode alterá - los conforme seu gosto!

Dá só uma olhada no resultado:

Que tal um botão desses no seu blog??
Pase o mouse em cima da imagem para ver o resultado!
E aí, o que vocês acharam do efeito Opacity? Comentem dando opiniões!

Continue lendo...

Qualidade de imagem... é mesmo importante para um blog?

Textos bem estruturados, layout organizado e links intuitivos. Agora pare pra pensar: "E a qualidade de  imagem, também não é importante para meu blog?"

O grau de importânica depende muito da sua necessidade de imagens no blog. E a  resposta para a pergunta que dá título ao post, é você quem tem de descobrir.. Aliás, o blog é seu não é? 

Alguns usam imagens somente para ilustrar alguns textos (o que para mim é necessário), outros possuem blogs de fotografia profissionais, alguns preferem deixar a ilustração de lado e optar por blogs com textos e mais textos sem fim. Sobre esse último, não sou contra quem gosta de deixar os textos sem uma imagem para acompanhar mas, na minha opinião, é muito cansativo só de pensar em ler um texto imenso, sem nenhum descanso para a vista! Esse é o poder das imagens em um blog ou site, sendo ele sobre carros ou sobre culinária. Portanto, é mais que recomendado usá-las quando necessário. Mas, só um aviso, não adianta sair botando a primeira imagem que vir pela frente. A qualidade presente nessa imagem muda tudo. O por quê? É bem simples: Imagens profissionais passam uma impressão mais profissional. 

Resolvi então postar aqui algumas dicas para melhorar a qualidade das imagens no seu blog!

1. Busque por imagens de qualidade!

Não adianta achar que boas imagens vão sempre aparecer "magicamente" para os seus posts. Você tem que buscar por elas! Pare de pegar imagens no Google. A qualidade é péssima! Tenho algumas sugestões de sites com imagens muito boas. Mas lembre-se de ver a licença antes de usar! Dê créditos ao autor.

2. Evite imagens em preto e branco para ilustrar os posts!

Imagens em preto e branco não são muito intuitivas... O que não é nada bom para você e para o leitor do blog. Lembre-se de que o objetivo é não cansar o leitor dos textos!

3. Cuidado para não abusar!

Confesso que esse negócio de ficar pegando imagens é meio viciante, rsrsrs... Então cuidado para não sair colocando imagem em tudo que é lugar do blog!
--------------------------------------------------------------------------------------
Onde encontrar imagens:
Icon Finder - Ícones para ilustrar o que você quiser!
ShutterStock - Imagens gratuitas e pagas para dar mais vida aos seus posts!
--------------------------------------------------------------------------------------

Continue lendo...

Revista Blogosfera - Terceira edição já está disponível!

Oi pessoal! Como vão os blogs de vocês? Hoje tive uma grande sorte de acordar bem inspirada e com tempo para postar no blog (o que é bem difícil de acontecer).

Claro que, antes de  começar a postar, você deve ler sobre o que está acontecendo com outros blogs do seu nicho, que tratam o mesmo que você, e foi o que eu fiz. Logo que começei recebi uma ótima notícia: A edição de número 3 da Revista Blogosfera já está liberada para download!

Para quem ainda não conhece, a Revista Blogosfera é uma revista digital que tem como objetivo ajudar todos os tipos de blogueiros com seus blogs. A revista foi criada pelo já conhecido metablogger Gustavo Freitas, do Quero Criar um Blog.  Confira agora mesmo!

Enfim, voltando para a Revista Blogosfera.. a terceira edição já está fresquinha pra você no site oficial desse incrível projeto. Venha conhecer a mais nova revista para blogueiros... os feras lêem!

   O tema principal e capa da Edição 3 é "As Redes Sociais vão matar seu blog? , além de outros diferentes assuntos que são abordados. Essa revista já virou fundamental na minha vida como blogueira, vai virar na sua também, baixe agora mesmo!

Continue lendo...

Como ganhar mais visitas comentando em outros blogs!

Uma coisa que venho notando esses dias no gm design é que, estranhamente, as visitas do blog não estão vindo do Google em maior quantidade.. Estão vindo dos meus blogs favoritos! Como? É simples: Eu comento muito nesses blogs.

Com o passar do tempo percebi no quanto isso ajuda nas visitas. Só vendo para acreditar, eu sei...
Mas eu garanto, isso ajuda muito. Se você comenta frequentimente em blogs que gosta (do seu nicho ou não) as suas estatísticas podem subir!!
Além disso, os comentários são uma das melhores formas de interação com outros blogueiros, o que pra mim é fundamental.

#Dica de quem é novo por aqui...

Enfim... é uma dica bem simples, mas que pode ajudar muito.
Espero que usem e gostem, rs!

Continue lendo...

Promoção: Ganhe um template totalmente exclusivo para seu blog!

Não, não é pegadinha. O gm design vai te dar a chance de ganhar um template novinho em folha e ainda uma nova identidade visual totalmente exclusivos para o seu blog! E é muito fácil participar! Aproveite!

----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
Regularmento da promoção: (Leia antes de participar!)


Essa é uma promoção cultural, sem nenhum custo aos participantes da mesma. Serão sorteados 2 (dois) ganhadores que estiverem de acordo com as seguintes regras:

- Seguir o gm design no twitter, @gmbloggerdesign;
- Ter um blog no Blogger.

O prêmio:
- Um template para Blogger totalmente novo e exclusivo para cada ganhador;
- Uma nova identidade visual para o blog. (Isso inclui uma logo e banners para divulgação.)
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------

Como participar da promoção?
Participar é muito fácil. Basta dar retweet na  seguinte frase:

Quero ganhar um template exclusivo para meu blog com o @gmbloggerdesign http://kingo.to/SZE

E pronto, você já está concorrendo!

Lembrando que o sorteio ocorrerá no dia  2 de dezembro de 2011. Postaremos o resultado no twitter, e aqui no blog!
Dúvidas sobre a promoção é só comentar aqui em baixo!

----- Atualização da promoção -----

Parabéns aos vencedores da promoção: @celularesnaweb e @03Alexia !  Vocês acabam de ganhar um template e identidade visual para seu blog!

Pedimos que mandem um email para gmdesign@hotmail.com.br com as seguintes indicações:


- Título e descrição do blog;
- Nicho do blog (assunto que trata);
- Esquema de cores desejado para o template;
- Estrutura básica do layout (Número de colunas, bordas, principal fonte a ser usada, etc).


==============================================================================
Lembrando que o email deve ser enviado em até 10 dias. Se contrário ocorrerá outro sorteio.
==============================================================================

Continue lendo...