sábado, 13 de fevereiro de 2010

Diferenças entre Blogger e Wordpress

Quando pensarmos em criar um blog devermos analisar as plataformas disponíveis para o mesmo. Em meu primeiro post apresentei algumas diferenças entre o Wordpress.com e Wordpress.org. Hoje pretendo mostrar para você, caro leitor do Dicas Blogger, as diferenças entre o Blogger e o Wordpress.

bloggerwordpress
Crédito: Friends
Ambos são gratuitos, ambos são populares. Entretanto existem várias ferramentas que deixam um melhor que o outro. Diziam que com o Blogger não havia possibilidade de criar um blog profissional, o Usuário Compulsivo fez questão de mostrar o contrário: é possível sim, criar um blog profissional com o Blogger (Chupa Wordpress™).
Este post expressará minha opinião e minhas experiências.

As plataformas:

Utilizei por um bom tempo o Blogger antes de migrar para o Wordpress.org, achei o código HTML do Blogger mais difícil e “sujo” de se mexer comparado ao Wordpress.org. Não nego que a facilidade de personalização e configuração do Blogger seja grande, mas o Wordpress.org disponibiliza muito mais (tanto com ou sem os plugins). Acompanhe o seguimento do post e analise todas as informações.

Wordpress:

O Wordpress.org é uma ferramenta gratuita. Entretanto para que possamos utilizá-la é preciso investir e comprar um domínio e hospedagem. A plataforma, como um todo, produzido em “partes”. Cada área do site é uma página diferente. Isso mesmo. O cabeçalho (header), a lateral (sidebar), os comentários (comments), o rodapé (footer), os estilos (style), os posts únicos (single), as páginas (page) e várias outras são formadas por páginas independentes que, quando unidas, formam o seu site e seu conteúdo.
Embora seja um pouco complicado de entender, toda essa “organização” do Wordpress.org faz com que, na hora da edição de determinada página, o trabalho seja mais rápido, fácil e, como dito acima, limpo. Você (que já utilizou o Wordpress em servidor próprio) pode não concordar comigo, mas eu acho os códigos dele muito mais limpos e fáceis que os do Blogger.
Além dessa diferença, o Wordpress.org disponibiliza a opção de personalização das URL’s. Você pode adicionar o ano, o mês e o dia no link dos posts (também pode retirá-los, se preferir). Assim como poderá adicionar as categorias e, se preferir, uma terminação como “.html”. Se você entrar nas postagens do Sem Preceito, poderá perceber o que estou falando: após o domínio (sempreceito.com), será exibido o ano da publicação (exemplo 2010) e o mês (exemplo 02); depois da data estará o título do post (exemplo titulo-do-post) e por fim, uma terminação (exemplo .html). O resultado será este: sempreceito.com/2010/02/titulo-do-post.html
Estes links são completamente personalizáveis que, no decorrer dos meus posts para o Dicas Blogger, estarei explicando melhor.
O Wordpress disponibiliza uma ferramenta inusitada para os links das postagens. Quando editamos o link de uma mensagem publicada no Blogger, o link anterior se torna inacessível e dessa forma você perderá aquele visitante. Entretanto no Wordpress isso é diferente: quando alteramos e acessamos o link velho, ele direciona o visitante para o link novo, assim você não perderá visitante algum.
Um trunfo do Wordpress é a edição dos comentários. Acho que é uma das ferramentas que chama bastante a atenção dos usuários. Além disso, para mim, o Wordpress é mais “amigável” para os buscadores, embora que, se o Blogger estiver bem configurado ele não ficará para trás, nesse quesito ambos estão lado a lado.
Os avatares nos comentários tanto no Wordpress.org quanto no Wordpress.com depende-se da utilização do “Gravatar”, qualquer e-mail cadastrado e utilizado para comentar irá exibir o avatar. O Blogger disponibiliza várias formas de comentar, enquanto o Wordpress disponibiliza uma única que eu acho ideal. Por trás dos comentários do Wordpress você saberá o IP daqueles que comentaram em seu blog, considero essa ferramenta ótima que traz uma certa segurança para nós, blogueiros.
Uma outra coisa que posso destacar no Wordpress é a página de criação das postagens. Ele traz várias ferramentas de formatação de texto, traz a possibilidade de criar um resumo (que será exibido após uma mudança pequena no código ou alteração nas opções do seu template – aprenderemos sobre isso mais adiante). Além das ferramentas, a forma de visualização das postagens (enquanto ainda são produzidas) é muito além do que o Blogger disponibiliza.

Blogger:

A facilidade de configuração do Blogger é muito grande. Sabendo pouco você conseguirá fazer muito: trocar o nome do blog, a descrição, mudar as cores, mover os widgets/gadgets, entre outros.
Nas postagens do Blogger quando não prestamos atenção corremos o risco de que nossas URL’s saiam faltando letras. Isso acontece pelo fato de que o Blogger não interpreta que “á” é a mesma coisa que “a”, dessa forma a letra é excluída (também acontece com todos os acentos e “ç”).
Para exibir os avatares no Blogger deve-se comentar com a conta do Google, o que limite a utilização para um grupo específico de visitantes (os cadastrados no Google).
A moderação de comentários do Blogger é incompleta e não se compara ao do Wordpress. As vezes sofre diversos erros, que dificulta mais ainda a utilização do serviço.
Veja abaixo uma tabela rápida, comparando os dois Wordpress’s e o Blogger:
Algumas opções: .ORG .COM Blogger
Instalação de novas ferramentas (ou plugins) X - -
Instalação de templates e personalização X - X
Personalização dos links das postagens, tags e categorias X - -
Moderação e edição de comentários X X -
Utilização de domínio próprio (sem pagar hospedagem) - X X
Criação de páginas estáticas X X X
Possibilidade de publicar por e-mail X X X
Exibição de Avatar nos comentários X X X
Adicionar novos usuários como leitores, administradores, etc... X X X
Bloqueando acesso dos buscadores por um clique X X X
Fazer backups fácilmente X X X
Apresentei algumas diferenças básicas que farão grande diferença na hora de blogar. Espero que tenha gostado, dúvidas ou sugestões? Comente.

quarta-feira, 10 de fevereiro de 2010

Google Buzz – a nova rede social do Google

A empresa Google lançou ontem seu mais novo serviço, o Google Buzz. Semelhante ao Twitter, possibilita que os usuários se sigam e acompanhem as atualizações uns dos outros. Ele é integrado ao Gmail e está sendo disponibilizado aos poucos e, para usá-lo, não é necessário nenhum convite, ao contrário do que aconteceu com Google Wave e Novo orkut.
Você pode integrar o Buzz ao Twitter, Flickr, Picasa, YouTube, entre outros. A idéia é transformar o GMail em uma grande rede social. A configuração do Buzz é automática; ela escolhe os contatos com os quais mais interagimos e cria uma lista de amigos.

Google Buzz
Interface do Google Buzz
Quem já foi contemplado com o  novo brinquedinho, está fazendo testes para saber sua real utilidade. No Twitter, percebi que nem todo mundo gostou do Google Buzz, mas ainda é muito cedo para tirarmos conclusões. Em todo caso, para desativar o Buzz é muito simples. Entre na sua conta do Gmail e, lá no rodapé, clique em desativar buzz.
desativar_google_buzz
Acompanhe o que outros blogs já escreveram sobre o lançamento do Google Buzz:
Na ajuda do Gmail encontrei estas dicas- Como usar o Google Buzz e  este vídeo-tutorial:
logo_google_buzz

domingo, 7 de fevereiro de 2010

Como usar e configurar o TweetDeck

No post anterior, expliquei como instalar o TweetDeck no Windows. Agora tentarei mostrar suas principais configurações e como tirar o máximo proveito de tantas funções interessantes.
  • Rt em duas versões ( a do Twitter e a editável)
  • Encurtamento de url automático
  • Criação de grupos
  • Follow, unfollow e block diretamente do aplicativo
  • busca de perfis, com follow automático
  • gerenciamento de listas
  • visualização de fotos e pré-visualização de links
  • colunas para separar os tweets por grupos ou por tópicos
  • compartilhamento de vídeos
  • integração com Facebook, MySpace e Linkedin
Para configurar o TweetDeck, clique em settings (veja a localização, na imagem abaixo)

tweetdeck_settings
Aqui está a janela com as principais configurações oferecidas pelo TweetDeck
Settings
Descrever uma a uma tornaria o post longo e cansativo, portante me concentrarei nas mais importantes. Faça seus próprios  testes e vá configurando conforme suas necessidades.
Twitter – Aqui iremos configurar o tempo de recebimento dos tweets, replies e DMs. Recomendo que deixem como está, para não coorer o risco de extrapolar a quantia máxima. Para configurar o tipo de RT (retweet), clique em retweet button should:
Botão de RT
Notifications – Serve para escolher o tipo de notificações quando recebermos tweets, DMs e replies. Clique em advanced e configure à gosto.
Colors/Fonts – O TweetDeck oferece a possibilidade de alteração de seu fundo preto, mas não do aumento da fonte – o que considero seu único defeito atualmente.
Services – Use para escolher quais serviços você deseja usar para encurtamento de urls e para o envio de imagens. Dá para colocar também dados do TwitterCount.
Accounts – Adicionar ou excluir  contas do Twitter, Facebook, MySpace e Linkdin
Accounts Tweetdeck
Como mover , excluir e adicionar colunas
Um dos principais diferenciais do TweetDeck é que ele divide os tweets, replies, DMs, TTs, grupos e etc por colunas. Para excluir uma coluna, clique sobre o título dela e depois no ícone X. Para movimentar uma coluna, vá até o final dela e clique no ícone => ou <=.
Excluir coluna Mover coluna
Para adicionar uma nova coluna, clique no ícone  “+”,  lá no alto do TweetDeck
Adicionar coluna Escolher coluna
Como enviar tweets, RTs, replies e DMs
Para enviar um tweet, clique no ícone específico (veja a imagem), escreva e aperte enter. Para enviar RTs, DMs e replies passe o mouse no avatar do seu amigo e escolha  entre as opções que irão aparecer em quadradinhos (veja a imagem)
 Enviar tweets Enviar replies, RTs e DMs
Como encurtar urls
Basta colar a url na caixa de texto, pois o TweetDeck encurta automaticamente
Como enviar imagens
Clique sobre o ícone “upload images”e encontre a imagem no seu computador
Como criar grupos
Clique no avatar do seu amigo e em “other actions>user>add to group or list. Você pode criar novos grupos ou usar suas listas do Twitter e, depois, adicionar em uma nova coluna.
tweetdeck groupsDICA: é possível isolar os tuiteiros que você não deseja mais acompanhar, sem precisar dar unfollow. Crie uma lista ou grupo e não coloque  em nenhuma coluna do TweetDeck.
Outras configurações do TweetDeck
Para visualizar um perfil, clique no link que fica embaixo do avatar. O perfil irá aparecer no canto direito da tela, com vários detalhes, incluindo  botão para follow/unfollow e grupos.
Link para visualizar perfil Visualização do perfil
Para seguir ou parar de seguir um perfil
Faça o mesmo procedimento anterior e clique no botão Follow ou Unfollow
Para bloquear um perfil
Passe o mouse no avatar do futuro bloqueado e escolha “other actions>user>block”
Para apagar tweets, DMs e replies
Passe o mouse no seu avatar e clique em “other actions>tweet>delete”
Para responder a vários usuários
Passe o mouse sobre o avatar e clique em “other actions>tweet>reply all”
Para visualizar imagens e links
Clique sobre a url da imagem ou do link
Para encontrar alguém
Clique no ícone quick profile, que fica ao lado do ícone para enviar tweets
Para enviar um tweet para vários amigos
Escreva o símbolo arroba (@) dentro da caixa de texto; todas as pessoas que você segue, aparecerão em nova janela. Daí é só escolher.
Acho que é só :) Se vocês se lembrarem de mais alguma função, por favor, enviem pelos comentários para que eu possa incluir no post.
Outros links para enriquecer a experiência com o Twitter:

Como instalar o TweetDeck

O Twitter continua sendo um sucesso, mas sua interface web mantém-se limitada. Não dá suporte a encurtamento de urls, nem a fotos e vídeos e o RT não é editável – o que atrapalha na hora de fazer um comentário sobre o que se está retuitando. Para driblar essas limitações, existem diversos aplicativos para desktop, para celulares e complementos para Firefox.
Um dos melhores aplicativos para desktop é o TweetDeck, entretanto configurá-lo e fazer uso de suas principais funcionalidades, não é lá muito simples, por isso resolvi fazer uma série de tutoriais para auxiliá-los a tirar o máximo proveito do Twitter através do TweetDeck.

Instalação do Tweetdeck
Antes de mais nada, é preciso instalar o Adobe Air no seu computador. Depois, entre em http://www.tweetdeck.com/ e clique em download now.It’s free.
Irá aparecer uma pequena janela de integração com o Abode Air. Clique em abrir.

Tem certeza que deseja instalar este aplicativo no seu computador? Clique em instalar.

Aguarde o término da instalação e insira seu login e senha do Twitter.

No próximo post, irei mostrar as principais configurações e como usar o TweetDeck.

sexta-feira, 5 de fevereiro de 2010

Widget - assinantes de feeds e followers do Twitter

Hoje eu não irei diponibilizar nenhum tutorial e sim divulgar o excelente trabalho  desenvolvido pelo  metablogger @pauloestevao do Códigos Blog, com o auxílio do jovem Fernando do blog Blogueiros na Web. Graças a eles, nós usuários do Blogger já podemos usar um widget que só existia para Wordpress e que mostra o número de assinantes de feeds e de seguidores no Twitter juntos e em forma de texto. (Como assim, Bial? #bbbfeelings)
Explico. Já faz um bom tempo que o recurso foi adotado por blogueiros que usam Wordpress e, além de bonito, é super funcional. Coloca-se um ícone de Twitter, outro de Feeds e o número de followers e de assinantes, respectivamente, na frente de cada ícone. Complicou?

widget_feeds_twitter
Uma imagem fala mais do que mil palavras
Lindo, não? O código para implementar o widget, já está à disposição de todos! Corram!
Além do widget duplo (feeds + twitter), o Paulo Estevão disponibilizou também um outro que mostra somente os assinantes de feeds - Contador de assinantes feed em forma de texto.
Se vocês quiserem mudar os ícones do widget, acessem  15 sites para busca de ícones web.
Bom, esse foi o resultado de uma parceria entre dois metabloggers, certo? Pois bem. Depois chegou o @hordones, do Ferramentas Blog e desenvolveu um terceiro widget, que mostra assinantes de feeds, seguidores no Twitter, número de comentários e de posts - Menu com ícones e contadores de artigos, feed, Twitter e comentários para Blogger.
E pra quem ainda acredita na tolice que existe rivalidade entre nós, meu sincero LOL .

quarta-feira, 3 de fevereiro de 2010

Quer ganhar dinheiro com seu blog? Afiliados Prime!

Está cansado de ganhar pouco com programas de afiliados? Foi expulso de algum deles? Não tem recebido seus pagamentos em dia? Então conheça o programa Afiliados Prime Cursos e fature exibindo anúncios de educação musical à distância, tais como violão e piano.
A Prime Cursos do Brasil é uma empresa especializada no desenvolvimento de cursos de música à distância, com mais de 5 anos de atuação no mercado brasileiro.  Todos os cursos são originais, registrados na Fundação Biblioteca Nacional protegidos pela Lei de direitos autorais 5.988, de 14/12/73 e pela lei 9.610, de 19/02/1998.

Com o programa de Afiliados Prime Cursos, você irá anunciar os cursos à distância e, a cada venda realizada, receberá uma comissão de 50 % dos lucros da empresa.
O programa permite a escolha de anúncios que seja de maior interesse do seu público-alvo. Por exemplo, se você for dono de um blog ou site Gospel, a Prime disponibiliza banners com cursos de música Gospel e assim por diante. Quando um usuário acessar qualquer um dos anúncios através de seus banners, o sistema de Afiliados irá gravar um cookie identificando o seu site. E quando esse usuário comprar o software ou outros produtos da Prime Cursos, sua conta afiliados irá receber a comissão referente a venda. Simples assim.

Você coloca o anúncio no seu site;
O visitante clica no anúncio e efetua a compra;
50% do valor do lucro vai para sua conta de afiliado;
A Prime efetua o depósito na sua conta bancária!

Para se cadastrar, é só acessar o site da Afiliados Prime Cursos e preencher o formulário.
E se você está pensando que “milagre demais o santo desconfia”, eu digo que ”quem não arrisca, não petisca” ! O programa de afiliados da Prime  me pareceu uma ótima alternativa para quem está insatisfeito com as comissões pagas por aí e, principalmente, para os que foram deserdados de outros famosos programas de afiliados. #ficadica
Tire suas dúvidas sobre o programa de afiliados, clicando aqui

segunda-feira, 1 de fevereiro de 2010

TweetMeme- Inserindo botão de Retweet no Blogger

A nova febre é o botão de RT do site TweetMeme. Muitos bloggers já adotaram esse recurso, que mostra todos os retweets de um determinado post. Por insistência do @luanfr, acabei aderindo também e não é que ficou bonitinho? Além de mostrar os Rts, o botão ainda possibilita que os leitores enviem nossos posts diretamente para a página do Twitter. E é simples de instalar.

Para colocar o botão embaixo dos posts:

Entre no html do template (layout>editar html), marque a caixa “expandir modelos de widgets” e procure (Ctrl+F) por:

<div class='post-footer'>

Cole logo acima o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type="text/javascript">
tweetmeme_source = 'NOME NO TWITTER';
</script>
<script type="text/javascript" src="
http://tweetmeme.com/i/scripts/button.js"></script>

</b:if>

Substitua NOME NO TWITTER pelo seu nome de usuário e salve.

A parte em vermelho é referente ao código do TweetMeme e a parte em verde é referente às condicionais para que o botão só apareça nos posts e não na página inicial do blog.

Para colocar o botão entre o título e o post, encontre:

<div class='post-header-line-1'/>

Cole o código anterior embaixo dessa linha e salve.

Você pode integrar o botão de RT com um anúncio, do tipo banner ou meio banner (Isso vai depender do tamanho da área de postagem do seu blog). Basta usar o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO TWEET MEME </td>

<td valign="undefined" align="undefined"> CÓDIGO DO ANÚNCIO </td>

</tr>

</tbody>

</table> </b:if>

Aí está o resultado que eu obtive no meu blog de testes, usando um banner:

image

Lembrando que o código do AdSense tem que ser convertido. Use o site Blogcrowd.

Caso você não use publicidade no seu blog, coloque um mensagem para os seus leitores. E se quiser ir mais além, use o programa NVU portable para construir o seu próprio código:

Exemplo de uma mensagem legal:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO TWEET MEME </td>

<td valign="undefined" align="undefined">

<b>Siga este blog no <a href='http://LINK DO SEU TWITTER'>Twitter </a> e fique por dentro das novidades!</b>

</td>

</tr>

</tbody>

</table> </b:if>

Recomendo que essas alterações sejam feitas, primeiramente, em um blog de testes.

ATUALIZAÇÃO EM 27/08/2010

Para que o botão fique à direita do anúncio, inverta os códigos:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO ANÚNCIO</td>

<td valign="undefined" align="undefined"> CÓDIGO DO TWEETMEME </td>

</tr>

</tbody>

</table> </b:if>

Caso você não use anúncios, siga esta dica do Ferramentas Blog:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='display: inline; float: right; margin-left: 5px'>

Adicione aqui o código do botão

</p>
</b:if>