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 camera 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 simultaneo 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.

皇冠登录赌场