sexta-feira, 25 de março de 2011

Como colocar anúncios nos posts do Blogger

money_bag Apesar de já ter feito 1 post anterior ensinando a colocar anúncios dentro dos posts (artigos) do Blogger, ainda recebo comentários de leitores com dúvidas sobre esse tema. Na verdade, o problema reside no fato de que o local onde se deve inserir os anúncios varia de template para template, ou seja, o que pode dar certo para alguns, pode não ser o correto para outros.
Outra dúvida comum é como fazer para colocar anúncios lado a lado – como é aqui no Dicas Blogger – ou anúncios à esquerda ou à direita dos posts.
Antes de mais nada, você precisa saber se quer colocar o anúncio entre o título e o post ou no rodapé do post. Daí, será preciso entrar no HTML do template, marcar “expandir modelos de widgets” e procurar ( Crtl +F do teclado) pelas seguintes linhas, incluindo o código do anúncio nos locais indicados em amarelo.
ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código do anúncio
NO FINAL DO POST
Código do anúncio
<div class='post-footer'>
ATENÇÃO! Para que o Blogger aceite o código, é preciso fazer uma conversão. Eu uso o site Blogcrowds. Basta colocar o código no local indicado e clicar em “parse”
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado
2-anuncios
Isso vai depender da largura da área de postagens. Para checar, procure por #main no HTML e verifique o valor em width. Aqui no meu blog está assim:
#main {
width:626px;
No DB, consegui colocar 1 anúncio de 300 x 250 ao lado de 1 anúncio de 250 x 250.
Para tanto, gere os códigos em seu programa de afiliados, faça a conversão e cole – no HTML do template -  um código embaixo do outro . Ficaria assim:
ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código 300 x 250
Código 250 x 250
Como colocar anúncios à direita ou à esquerda dos posts
anuncio-esquerda
Será preciso usar um pouco de CSS:
Á ESQUERDA
<div class='post-header-line-1'>
<div style="float: left; margin: 5px”>
Código  do anúncio
</div>
ou
Á DIREITA
<div class='post-header-line-1'>
<div style="float: right; margin: 5px”>
Código do anúncio
</div>
Esses métodos funcionam nos meus templates, mas pode não funcionar em outros e eu não vou ter como ajudá-los, pois cada modelo tem suas características próprias. O que eu  recomendo é que vocês usem um blog de testes e façam suas descobertas :)
Nunca se esqueçam de verificar se o programa de afiliados que vocês usam ,permite anúncios entre as postagens. Bons rendimentos a todos!

quinta-feira, 24 de março de 2011

Como colocar banner em flash no Blogger

flashPara inserir um banner no formato flash (.swf) no Blogger, é preciso hospedar a animação em algum servidor que suporte flash, copiar a URL (endereço) e utilizar o código abaixo, colando-o no gadget HTML/javascript.
Antes de colar o código, faça as substituições necessárias, assinaladas em verde (largura e altura do banner) e em vermelho (URL do banner).
O Picasa Web não aceita arquivos em flash, mas o site Imageshack sim.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="LARGURA" height="ALTURA" >
        <param name="movie" value="URL DO BANNER" />
        <param name="quality" value="high" />
        <embed src="URL DO BANNER" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width=" LARGURA" height=" ALTURA ">
</embed>
</object>

quinta-feira, 17 de março de 2011

Novo gadget para enviar postagens por e-mail

imageFrequentemente vemos no Fórum de Ajuda do Blogger usuários perguntando como colocar em seus blogs um gadget que permita a seus visitantes cadastrarem um e-mail para receber as novas postagens; até hoje a melhor forma de fazer isso era usando a opção Email Subscriptions do Feedburner, mas agora temos um novo gadget disponível no painel do Blogger que adiciona esta mesma função em nossos blogs sem ter de configurar nada no painel do Feedburner.

O Blogger Buzz anunciou o Gadget Follow by e-mail, que permite que os leitores de um blog cadastrem seus e-mails para receber as novas postagens publicadas.
Para usar este novo gadget, vá até a guia Elementos de Página do painel do Blogger, clique em Adicionar um gadget e escolha na lista o gadget Seguir por e-mail como é mostrado na imagem abaixo.
seguir por e-mail
Na próxima janela você pode configurar o Gadget inserindo o Título que preferir e verificar se o feed do seu blog foi detectado corretamento. Veja a imagem abaixo.
configurar folow by e-mail
Caso o gadget informe que seu feed não foi encontrado é provavel que você não tenha o feed do seu blog configurado no Feedburner; neste caso leia o artigo Como usar e configurar o Feedburner.
O interessante de usar o Feedburner para oferecer subscrições por e-mail é que você tem acesso as estatísticas de assinantes que o sistema gera.

segunda-feira, 14 de março de 2011

E vem aí, muito mais novidades para o Blogger!

imageO ano de 2010 foi repleto de novidades para nós usuários do Blogger: recurso páginas, designer do modelo, pré-visualização dos posts, serviço de estatísticas, web fonts e muito mais! Veja um resumo completo neste post que escrevi para o Google Discovery - Todas as novidades do Blogger em 2010
Hoje, a Equipe do Blogger anunciou no Blogger Buzz que as mudanças não irão parar por aí. O painel de controle passará por uma remodelação radical (ficará lindo!), bem como o editor de postagens. O novo projeto irá utilizar  o Google Web Toolkit , oferecendo as mais recentes tecnologias web.
Vejam que vídeo bacana, que foi preparado para esses lançamentos:
editor de postagem atual
Novo editor de postagem
painel atual
Nova dashboard
Eles terminam o post assim:
Estas são apenas algumas das novas funcionalidades que queremos compartilhar com você. Estamos ansiosos para desvendar mais ao longo de 2011!
Ou seja, ainda teremos mais e mais surpresas!

quinta-feira, 10 de março de 2011

O prêmio do sorteio ficou pronto!

globe_1Lembram do sorteio valendo 01 pacote Blog Completo?  Pois é, a ganhadora Simone Benitez (@ajastagayatri) escolheu customizar o seu blog A Casa do Número e o serviço acaba de ficar pronto. Confiram o resultado clicando aqui.
O pacote Blog Completo inclui:
  • personalização e instalação do template exclusivo a sua escolha
  • instalação e configuração dos hacks e dos gadgets
  • instalação e configuração dos feeds utilizando o FeedBurner
  • instalação e configuração do Google Analytics
  • instalação e configuração de domínio próprio
  • personalização do cabeçalho
  • criação de banner no tamanho 120 x 60px
  • otimização para os mecanismos de busca (SEO)
Valor atual: R$ 500,00 ( no sorteio foi di grátis)
Aí está o template que foi feito de acordo com o pedido da Simone
template-frente
template-rodapé
template-anuncios
template-hacks
Para contratar os nossos serviços, acesse o subdomínio DB-Produtos e Serviços

quarta-feira, 9 de março de 2011

Album do Picasa com espaço ilimitado

Foi anunciado no dia 4 de março, que o serviço de imagens da Google – Picasa Web Albuns - terá espaço ilimitado para armazenamento de fotos de até 800px de tamanho e para vídeos de até 15 minutos de duração. Até então, o espaço era restrito a 1GB e quando o limite era ultrapassado, era preciso pagar por mais espaço. 
picasaA notícia é especialmente importante para os usuários do Blogger, que costumam usar o Picasa para armazenar tanto as fotos inseridas nos posts quanto as imagens contidas no template - Como hospedar imagens no Picasa. É importante salientar que antes de enviar suas fotos, certifique-se de que elas são menores do que 800px passando o mouse sobre as mesmas enquanto estão em seu computador. Caso a foto seja maior, use um editor de imagens para reduzi-las (Pixrl, Photoshop,Picnik, etc)
O serviço Picnik já vem integrado ao Picasa. Para editar alguma imagem,faça o upload da mesma e clique no ícone que aparece à direita, onde está escrito “editar”
picasa
Fontes:
Google libera espaço ilimitado para o Picasa – Como criar um blog
More storage, more photos, more fun – Google Photos Blog

terça-feira, 8 de março de 2011

Como filtrar atualizações no Facebook

facebookAntes de mais nada, devo confessar que resisti MUITO em aderir ao Facebook, pois não via nessa ferramenta nada de diferente do Orkut. Ledo engano, assim como foi nos meus primórdios com o Twitter.

Com o Facebook, é possível gerenciarmos amizades antigas, novas, reais, virtuais e de diversas tribos, bem como criarmos canais de divulgação de nossos blogs. As configurações de privacidade são fantásticas e a Central de Ajuda merece nota 10.

No Facebook, temos uma área semelhante ao Twitter, onde aparecem as atualizações de nossos amigos que é chamada de Feeds de Notícias. Pra quem tem poucos amigos é até simples de acompanhar as atualizações, mas para quem tem muitos, pode ser bastante dificultoso. Isso sem contar quem acompanha o Twitter e o Facebook ao mesmo tempo acaba lendo, por exemplo, tweets repetidos.

Para filtrar os Feeds de Notícias, basta clicar no X que fica à direita da atualização.

ocultar-feeds

Na imagem acima, eu peguei uma atualização da Clau, do Mundo Blogger, apenas para ilustrar este post. Notem que aparecem 4 opções:

  1. Ocultar publicação: oculta apenas aquela atualização
  2. Ocultar todos por Clau: oculta todas as publicações da pessoa
  3. Ocultar todos por RSS Grafitti: oculta todas as publicações daquele aplicativo
  4. Marcar como lixo eletrônico: serve para denunciar spam

Então vamos supor que eu não queira receber nenhum post dos blogs dos meus amigos. Eu teria que marcar “Ocultar todos por RSS Grafitti”. Ou se eu não quisesse receber nada que viesse do Twitter, eu marcaria algum aplicativo que envie tweets, como por exemplo, o “smart tweets”. Fácil, né?

Ah, mas e se depois eu quiser voltar a receber essas publicações que ocultei? Simples. Clique no link “mais recentes” e depois em “editar opções” Escolha o aplicativo ou o amigo que você não quer mais ocultar e clique no X ao lado do nome dele.

editar-opções

Me considero uma novata em Facebook, mas à medida que eu for aprendendo coisas interessantes e que possam ser úteis para vocês, virei aqui compartilhar ;)

Se quiserem me seguir ou seguir o blog no Facebook, fiquem à vontade ;)

segunda-feira, 7 de março de 2011

Como personalizar a URL no Facebook

Como ter um endereço próprio (pessoal) no Facebook
facebookPor padrão, a URL ou endereço do seu perfil no Facebook aparece com letras e números, mas vocês já devem ter reparado que  em alguns perfis o endereço aparece assim: facebook.com/nomedousuario. Exemplo: facebook.com/dicasblogger
O Facebook permite que o usuário personalize o endereço de sua conta, o que fica muito mais elegante e fácil de memorizar.
Para personalizar a URL da sua conta, é preciso fornecer o número do seu celular ou, caso não tenha, infome um número que você tenha fácil acesso.
  1. Entre em conta>configurações de conta>configurações
  2. Clique em “nome de usuário”
  3. Siga as instruções para fornecer o número do celular
  4. Chegará por SMS (torpedo) um código para ativação
  5. Insira o código no local indicado
  6. Escolha seu nome de usuário e pronto
Uma outra forma de fazer isso, é seguindo a ajuda do próprio Facebook:
E seu eu não receber o código de ativação do Facebook?
Visite esta página e veja qual o número vinculado a sua conta para enviar SMS ao Facebook. Envie um SMS para este número com a palavra “ativar” (sem aspas)
Como eu faço para trocar o número cadastrado?
Vá em configurações de conta e clique na aba celular.

**Não sabe o que é URL? A Wikipedia te explica.
Atualização
Segundo informações da Helen Fernanda, via comentários, não é preciso colocar o número do celular. Basta entrar em facebook.com/username e escolher o nome.
Sendo assim, temos três formas de personalizar a URL no Facebook. Escolha a sua ;)

quinta-feira, 3 de março de 2011

Problemas com ImageShack e Picasa

imageshack-bug
Há cerca de 1 semana, vários usuários estão reportando um grave problema com seus templates. No lugar das imagens habituais, aparece um sapo dentro de um cubo de gelo. Teoricamente não se trata de um bug do Blogger e sim do site ImageShack.
Por mais que a gente avise que é imprescindível fazer backup das imagens contidas nos templates, muita gente não faz e acaba se dando mal.
Perdi a conta das vezes que sites que hospedam imagens deixaram templates completamente deformados, seja por causa de bugs, seja por causa de excesso de banda. Vou citar alguns dos posts que já escrevi a esse respeito:
Para resolver o problema com o Imageshack, é preciso procurar as URLs dentro do template, colar no navegador, salvar as imagens e hospedá-las em um local seguro. Pra fazer isso, leia o 1º post da lista acima.
Como nem tudo são flores e o Blogger faz coisas que até deus duvida, temos um novo probleminha com as URLs do Picasa. Sabe-se lá porque, ao colarmos um código no gadget HTML/javascript que contenha uma URL do Picasa, o Blogger está modificando o formato das URLs.
Experimente colar o código abaixo no gadget HTML/javascript, salvar e visualizar.
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO TWITTER'>Siga no Twitter</a>
</div>
<div id='socialmedia'><img alt='' src='https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DOS FEEDS'>Assine os feeds</a>
</div>
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO FACEBOOK'>Curta no Facebook</a>
</div>
Notou que as imagens desapareceram? Agora abra o gadget e veja que as URLs são as mesmas, PORÉM ao invés de letras maiúsculas e minúsculas, aparecem somente letras  minúsculas.
E a solução? É ainda mais bizarra! Basta clicar em “Formato Rich Text” e pronto. Lá estarão elas novamente. Prefiro nem comentar ¬¬
Atualização em 04/03/2011
O Fabiano Roberto, do Dicas para Blogs, publicou um post bem legal explicando como hospedar imagens no próprio Blogger #ficadica