iceBreaker > Dicas

01/06/2010

Corrigindo a exibição somente títulos em páginas estáticas

, , ,

Corrigindo a exibição somente títulos em páginas estáticas

Blogger Hacks 

Aqueles que utilizam a visualização somente título das postagens nas páginas inicial, de marcadores e arquivo, tiveram um problema com as páginas estáticas nativas do Blogger: elas também apareciam somente título, e não havia como acessá-las por completo. Felizmente, existe um hack para corrigir este problema, que você confere a seguir.

Para corrigir a exibição somente títulos das páginas estáticas, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.
Então marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o código utilizado pelo Hack somente títulos como no exemplo abaixo (utilizando o Ctrl+F do seu navegador):

<b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
         <li></li><data:post.title/></a><br/><br/>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>

Então SUBSTITUA pelo seguinte código: 

     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='post'/>
        <b:include data='post' name='comments'/>
      <b:else/><b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
         <li></li><data:post.title/></a><br/><br/>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if></b:if>

Visualize para ver se está tudo correto e clique em Salvar Modelo.

Agora seu blog exibirá apenas o título das postagens, exceto nas páginas de postagem e nas páginas estáticas. Para personalizar a formatação dos títulos, utilize o hack Personalizando a exibição somente-títulos no Blogger”.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

10/03/2010

Criando sua conta e encontrando seus amigos no Twitter

, , ,

Criando sua conta e encontrando seus amigos no Twitter

Guia Twitter

E aí, já entendeu o por quê do Twitter no nosso último artigo? Então não fez sua conta ainda por quê? Vamos lá, é bem fácil:

18/02/2010

Por que eu deveria usar o Twitter?

, , ,

Por que eu deveria usar o Twitter?

Guia Twitter

Na era da internet, tempo é algo precioso. Já se foram os dias em que era possível entrar no MSN pra trocar idéia com seus amigos, sem se preocupar em perder a tarde toda, ou deixar o trabalho de lado. E quem é que tem tempo de ficar respondendo os recados no orkut, um por um? Haja tempo! É, não dá mais: as coisas mudaram.

04/11/2009

Conheça o Guia Google Wave!

,

Conheça o Guia Google Wave!

18/10/2009

Twitcam: Ligando sua Webcam no Twitter

, , ,

Twitcam: Ligando sua Webcam no Twitter

Guia Twitter

O Twitcam é um serviço de compartilhamento de vídeos no Twitter. A transmissão é feita em tempo real, com opção para bate-papo e arquivamento dos vídeos transmitidos. Não é preciso instalar nenhum programa, nem se cadastrar – basta utilizar seu login do Twitter.

Acesse o Twitcam.com e localize a caixa de login no cabeçalho do site, como na imagem abaixo:

Digite seu nome de usuário e senha no Twitter e clique em Login with Twitter.

Em seguida você será levado ao seu perfil do Twitcam. Se ainda não tiver salvo nenhum vídeo, verá um botão como na imagem abaixo. Clique em Broadcast Live para criar seu vídeo.

 

O único requisito para usar o Twitcam é ter o Adobe Flash Player instalado em seu computador. Se tiver, ele será acionado e solicitará sua permissão para acessar sua webcam e microfone.

Certifique-se de estar com sua câmera ligada e clique em Permitir.

Agora digite o Tweet para chamar seus seguidores à vê-lo na webcam e inicie a transmissão clicando em Broadcast & Tweet.

É possível criar um chat com seus amigos clicando em Start Chatting. Ao interromper a transmissão, o Twitcam arquivará o vídeo transmitido em seu perfil, tornando-o disponível para qualquer seguidor, mesmo que você já tenha desligado a cam. Confira também o vídeo de exemplo que eu fiz no Twitcam para este tutorial.

09/10/2009

TwitterCounter: Analise seu crescimento e conte seus seguidores no Twitter

, , ,

TwitterCounter: Analise seu crescimento e conte seus seguidores no Twitter

Guia Twitter

O TwitterCounter é um serviço que analisa as estatísticas do seu perfil no Twitter e as exibe como gráficos (ele até prevê quantos seguidores terá no dia seguinte). Você pode inclusive tornar esses dados publicos colocando um contador de seguidores em seu site. Quer saber como usá-lo?

Acesse o site TwitterCounter.com e localize a caixa de texto no cabeçalho do site como na imagem abaixo:

Digite seu nome de usuário no Twitter e clique em Show.

Em seguida você será levado à página com suas estatísticas. Poderá ver o gráfico que representa a sua contagem de seguidores (Followers), de seguidos (Friends) e de atualizações (Updates).

É possível visualizar em 3 formatos de data: última semana (Last week), último mês (Last month) e últimos 3 meses (Last 3 months). Se os seus dados estiverem desatualizados, clique em Update stats now para atualizá-los.

Para adicionar um botão ao seu site com a contagem dos seus seguidores, basta clicar no selo que fica acima do gráfico, (imagem ao lado) e em seguida escolher o tipo de botão desejado. Então, é só copiar o código do botão e colar em sua página para exibir o contador de seguidores!

02/10/2009

eBook Blogger SEO já disponível para os leitores do iceBreaker

, , , ,

eBook Blogger SEO já disponível para os leitores do iceBreaker

eBook Blogger SEO

Mais um e-book sendo lançado pelo iceBreaker, e dessa vez, seguindo a proposta de realizar um lançamento diferente para cada e-book (como foi o lançamento com parceria no Blogger Rápido e o lançamento simultâneo com o Blogger Seguro), o lançamento do Blogger SEO será em “ondas”, ou seja, alguns leitores receberão o e-book primeiro que outros. A primeira onda foi através da Pesquisa iceBreaker, e os participantes já receberam suas cópias do eBook. Se você não participou da pesquisa, participe da próxima onda e baixe sua cópia gratuitamente:

  • 04/10/2009 – Disponível no site para todos os usuários

Participe também do Tópico Oficial do Blogger SEO no fórum, tire suas dúvidas, discuta os conceitos apresentados, faça sugestões.

24/09/2009

Evitando/Recuperando-se das penalidades do Google

, , ,

Evitando/Recuperando-se das penalidades do Google

Blogger SEO

Além de otimizar seu blog para buscas (SEO), é muito importante evitar que ele seja retirado do índice do Google (o principal mecanismo de busca), que pode aplicar punições à sites que desrespeitem suas regras. Se você faz um trabalho sério, provavelmente nunca passará por este problema, mas sempre é bom se informar pra evitar que outros fatores possam prejudicá-lo.

Número de páginas indexadas: Após ter cadastrado seu blog no Google Webmasters Tools, passe a verificar periodicamente o número de páginas indexadas do seu blog, digitando no campo de pesquisa do Google o seguinte (substituindo a parte em laranja pelo endereço do seu blog):

site:seublog.blogspot.com

No cabeçalho da página de resultados, é exibida a quantidade de páginas presentes no índice do Google. É normal que hajam pequenas variações no número, mas se essas variações se tornarem muito grandes ou se você não obtiver nenhum resultado na pesquisa, verifique a página de Erros de rastreamento dentro do item Diagnósticos do Google Webmasters Tools. Caso encontre erros, poderá encontrar suas respectivas soluções na própria Ajuda do site. Caso você tenha adicionado o site a pouco tempo, aguarde mais alguns dias e faça novamente a verificação.

Verificando a Confiabilidade: O Google mantem uma lista de sites suspeitos em seu índice, formada principalmente por spammers, malwares, conteúdo duplicado e outros. Verifique se seu site não consta nesta lista, acessando o seguinte endereço (substituindo a parte em laranja pelo endereço do seu blog):

http://www.google.com.br/safebrowsing/diagnostic?site=seublog.blogspot.com

Para evitar que seu blog seja incluído nesta listagem, sabia evitar o Plágio e o Conteúdo Duplicado. Além disso, certifique-se de incluir o atributo “nofollow” à links vendidos e remover links de fontes duvidosas, principalmente de downloads. Verifique também se não constam links para malwares ou spam nos comentários.

Solicitando uma reconsideração: Se o seu blog foi retirado do índice do Google e você pôde identificar e corrigir os problemas, é hora de solicitar uma reconsideração e assim poder ter suas páginas de volta. Para isso, acesse a página do pedido de reconsideração (em inglês), selecione seu site na lista Choose Site, marque a opção By submitting this request… e explique o que havia de errado e o que foi feito para corrigir (a explicação também deve ser em inglês). Então clique em Request reconsideration e aguarde até que seu pedido seja processado.

23/09/2009

Mantendo o índice dos indexadores atualizados com o Ping

, , ,

Mantendo o índice dos indexadores atualizados com o Ping

Blogger SEO

O Ping é uma forma de chamar a atenção de um servidor, de avisá-lo sobre alguma coisa. No caso da Otimização para Buscas (SEO), usaremos o Ping para avisar aos mecanismos de busca e indexadores que seu blog foi atualizado, tornando assim a indexação muito mais rápida. O Ping é feito quando você acessa uma URL criada para esse fim, que contém o endereço do seu blog.

Primeiro, vamos preparar a lista de URLS de Pings que você utilizará em seu blog. Se preferir, abra uma janela do Bloco de Notas e vá copiando e modificando a parte em laranja com o endereço do seu blog. Vamos utilizar essa lista de URLs na etapa seguinte. Mas antes de adicionar cada URL, verifique se cumpre o requisito de cada site (informado acima de cada endereço).

Feedburner: utilize este URL caso você faça o redirecionamento do feed do seu blog com o Feedburner. (Função do Ping: atualiza o Feed do blog):

http://feedburner.google.com/fb/a/pingSubmit?bloglink=http://seublog.blogspot.com

Google: utilize este URL caso você já tenha cadastrado seu blog no Google Webmaster Tools. Acrescente a parte em verde se você utiliza o redirecionamento de Feed. (Função do Ping: atualiza o índice do Google):

http://www.google.com/webmasters/tools/ping?sitemap=http://seublog.blogspot.com/atom.xml?redirect=false

Bing: utilize este URL caso você já tenha cadastrado seu blog no Bing Webmaster Center. Acrescente a parte em verde se você utiliza o redirecionamento de Feed. (Função do Ping: atualiza o índice do Bing):

http://www.bing.com/webmaster/ping.aspx?siteMap=http://seublog.blogspot.com/atom.xml?redirect=false

Yahoo!: utilize este URL caso você já tenha cadastrado seu blog no Yahoo! Site Explorer. Acrescente a parte em verde se você utiliza o redirecionamento de Feed. (Função do Ping: atualiza o índice do Yahoo!):

http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=http://seublog.blogspot.com/atom.xml?redirect=false

BlogBlogs: utilize este URL se você cadastrou seu blog no indexador de blogs brasileiro BlogBlogs. (Função do Ping: atualiza o cadastro do blog com o novo conteúdo):

http://blogblogs.com.br/my/gadgets/ping?url=http://seublog.blogspot.com

Technorati: utilize este URL se você cadastrou seu blog no indexador de blogs americano Technorati. (Função do Ping: atualiza o cadastro do blog com o novo conteúdo):

http://technorati.com/ping/?url=http://seublog.blogspot.com

Com todos os endereços anotados, agora vamos à próxima etapa:

Existem duas maneiras de se utilizar a lista de Pings: manualmente, salvando-a em Favoritos, ou automaticamente, colocando-a na lista de Pings do Live Writer. Primeiro veremos como utilizá-la com os Favoritos:

Abra cada um dos endereços da lista no seu navegador, então salve-o como Favorito, dentro de uma pasta específica (como no exemplo abaixo, a pasta “Ping”):

Após adicionar todos os endereços, sempre que você publicar um conteúdo novo em seu blog, abra seu navegador, clique com o botão direito na pasta onde as URLs dos Pings estão salvas e então selecione Abrir no Grupo de Guias (ou Abrir todos os Favoritos).

Depois que todas as páginas forem abertas, você pode fechar a janela que os Pings já foram enviados!

Agora, se você utiliza o Windows Live Writer para publicar suas postagens, pode tornar os Pings automáticos. Basta ir até o menu Ferramentas, depois Opções, e na janela que se abrir, selecionar no menu à esquerda a opção Enviar ping para servidores. Então marque a opção Enviar pings para as URLs abaixo e cole a lista de endereços que você anotou na primeira etapa, um por linha. Clique em OK.

Agora, sempre que você clicar em Publicar, além de publicar a postagem, o Live Writer também enviará todos os Pings automaticamente.

Não há necessidade de ficar enviando pings toda hora, apenas quando seu blog possui conteúdo novo. Com ele, seus leitores terão acesso ao seu conteúdo o mais rápido possível!

22/09/2009

Acelerando a indexação do Blogger no Yahoo! com o Site Explorer

, , ,

Acelerando a indexação do Blogger no Yahoo! com o Site Explorer

Blogger SEO

Além de otimizar suas postagens e outros aspectos do seu blog, é importante estreitar os laços entre ele e os mecanismos de busca. Para isso existem as Webmasters Tools, ferramentas fornecidas pelos sites de pesquisa que facilitam a indexação do seu conteúdo. Agora vamos aprender a adicionar seu Blogger/Blogspot ao Yahoo!, um dos mecanismos de busca mais utilizados atualmente – apenas atrás do Google.

Acesse o Yahoo! Site Explorer e clique em My Sites. Faça login com sua conta do Yahoo! e você será direcionado para a página de sites adicionados. Agora procure pela caixa mostrada na imagem abaixo:

Digite o endereço do seu blog e clique em Add My Site.

Agora você será levado à página de autenticação. Essa etapa é necessária para garantir que somente o dono do blog pode adicioná-lo ao Yahoo!.

Clique em By adding a META tag to my home page e então Copie o código contido na caixa marcada na imagem acima (em laranja).

Agora vamos adicionar este código de verificação ao seu Blog, acessando, em outra janela, seu Painel do Blogger, selecionando Layout, e então clicando em Editar HTML para entrar no modo de edição do código do seu Template.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Procure pelo código <head> (utilizando o Ctrl+F do seu navegador) e cole o código copiado anteriormente DEPOIS dele. É preciso adicionar “/” no final do código para que funcione, conforme o exemplo abaixo:

<META name="y_key" content="************************"/>

Visualize para verificar se está tudo correto e clique em Salvar Modelo.

Retorne à janela do Yahoo! Site Explorer e clique em Ready to Authenticate. Confirmada a autenticação, clique em Feeds no menu do lado esquerdo para adicionar um sitemap, que orientará o motor do Yahoo! a identificar suas postagens.

Aqui você deverá indicar o endereço do sitemap. Se você utiliza o Feed padrão do Blogger, insira o seguinte endereço:

atom.xml

Se você utiliza redirecionamento de feed, através do Feedburner ou outro serviço, digite o seguinte endereço:

atom.xml?redirect=false

Após digitar o endereço do sitemap, clique em Add Feed.

Os robôs do Yahoo! podem levar alguns dias para concluir a primeira indexação da sua página, depois fica mais rápido. Para consultar o status da indexação do seu blog no Yahoo!, consulte periodicamente o Site Explorer.

21/09/2009

Acelerando a indexação do Blogger no Bing com o Webmaster Center

, , ,

Acelerando a indexação do Blogger no Bing com o Webmaster Center

Blogger SEO

Além de otimizar suas postagens e outros aspectos do seu blog, é importante estreitar os laços entre ele os mecanismos de busca. Para isso existem as Webmasters Tools, ferramentas fornecidas pelos sites de pesquisa que facilitam a indexação do seu conteúdo. Agora vamos aprender a adicionar seu Blogger/Blogspot ao Bing, site de pesquisa da Microsoft.

Acesse o Bing Webmaster Center e clique em Sign in to use the tools. Faça login com sua conta do Windows Live/MSN e você será direcionado para a seguinte página:

Preencha o formulário como mostrado na imagem acima. Se você utilizar o redirecionamento de feed com o Feedburner (ou outro serviço de Feed), digite na caixa Sitemap adress o endereço da seguinte forma (substituindo em todos os casos, o “seublog.blogspot.com” pelo endereço do seu blog):

seublog.blogspot.com/atom.xml?redirect=false

Após preencher todo o formulário, clique em Submit.

Agora você será levado a página de autenticação. Essa etapa é necessária para garantir que somente o dono do blog pode adicioná-lo ao Bing.

Copie o código contido na caixa marcada na imagem acima (em laranja).

Agora vamos adicionar este código de verificação ao seu Blog, acessando o seu Painel do Blogger, selecionando Layout, e então clicando em Editar HTML para entrar no modo de edição do código do seu Template.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Procure pelo código <head> (utilizando o Ctrl+F do seu navegador) e cole o código copiado anteriormente DEPOIS dele.

Visualize para verificar se está tudo correto e clique em Salvar Modelo. Para checar se seu blog foi incluído corretamente, acesse a lista de sites e clique no endereço do seu blog para testar a autenticação. Se o painel do seu site abrir normalmente, seu blog foi reconhecido com êxito. Para consultar o status da indexação do seu blog no Bing, consulte periodicamente o Webmaster Center.

17/09/2009

Ativando as fotos/avatares nos comentários do Blogger

, , ,

Ativando as fotos/avatares nos comentários do Blogger

Blogger Hacks 

Como uma das novidades em comemoração aos 10 anos do Blogger, hoje foi anunciado pelo Blogger Buzz o suporte à fotos/avatares nos comentários abaixo dos posts do Blogger/Blogspot. Apesar de não ter sido como a gente esperava, o novo recurso está aí – mesmo que não sendo ativado automaticamente nos templates personalizados. Para ativar, podemos reverter os modelos de widgets para o padrão (em Editar HTML) ou então modificar o código para tal, como veremos abaixo. Vamos lá?

Para ativar o suporte a fotos/avatares no Blogger, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.
Agora, marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Procuro no seu código por <dl id='comments-block'> (utilizando o CTRL+F do seu navegador). Você deverá SUBSTITUIR esta parte pela parte em laranja abaixo: 

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>

            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

ACRESCENTE também em seu código a parte que está em verde, na mesma posição em que está no código que acima.

Visualize para verificar se está tudo correto e clique em Salvar Modelo.  Agora seu blog passará a mostrar as fotos dos usuários que comentarem com a conta Google.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo. Note que em templates cuja área de comentários seja muito personalizada, os avatares podem ter seu posicionamento prejudicado. Ainda não foi descoberto um modo de ajustar isso – o tutorial será atualizado assim que possível, com essa informação.