iceBreaker > Blogger

24/10/2010

Um novo iceBreaker Design vem aí!

, ,

Um novo iceBreaker Design vem aí!

icebreakerdesign2011

Se você tentou contratar o iceBreaker Design nos últimos tempos, deve ter percebido que novas solicitações de serviço estavam suspensas temporariamente. O serviço passou por uma reformulação e terá sua reestréia no início de 2011, com novas modalidades de template, novos preços, e a participação de grandes nomes da blogosfera brasileira. Você não perde por esperar!

Quer começar 2011 profissionalizando seu blog com um template exclusivo? Então essa é a sua oportunidade! Assine o feed ou siga o iceBreaker no Twitter para ser o primeiro a saber das novidades da reestréia do iceBreaker Design, que acontecerá em novembro. Até lá!

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.

13/04/2010

Conheça o iceBreaker Design: templates exclusivos e gratuitos num só lugar!

, ,

Conheça o iceBreaker Design: templates exclusivos e gratuitos num só lugar!

A plataforma Blogger é incrivelmente versátil e poderosa. Isso sem falar que é gratuita e extremamente acessível. Muita gente pensa que o Blogger não pode ser usado para hospedar um blog profissional, e isso muitas vezes acontece por culpa dos templates pobres que muitos usuários tem usado. Pois o iceBreaker quer mudar essa história!

Hoje é lançado o iceBreaker Design, o portal de templates profissionais do iceBreaker. Se você tem um blog mas precisa de um template exclusivo, encontrou o lugar ideal! Serão oferecidos serviços de criação de templates, otimização, instalação, configuração de domínios e muitos mais! Além disso, novos templates gratuitos serão disponibilizados de tempos em tempos. Sem falar da Promoção Template Patrocinado que vai investir pesado no seu blog!

Você também poderá participar do nosso programa de parcerias e receber comissões por indicações de novos clientes, e se manda bem na criação e desenvolvimento de layouts, pode até vir a trabalhar no iceBreaker Design!

Que tal ver na prática tudo isso? Então acesse: design.icebreaker.com.br

Quero deixar aqui registrado o meu muito obrigado aos blogs Dicas Blogger, Ferramentas Blog e UsuárioCompulsivo pelo apoio neste novo projeto!

22/01/2010

Blogger deixa de suportar publicação via FTP

Blogger deixa de suportar publicação via FTP

O Blogger anunciou a interrupção de um recurso que já vinha sendo pouco usado (cerca de 0.5% dos usuários do serviço): publicação via FTP.

14/01/2010

iceBreaker de volta em 2010, com novidades!

, ,

iceBreaker de volta em 2010, com novidades!

20/10/2009

Twitterfeed ganha nova versão e agora publica postagens do Blogger em tempo real

, ,

Twitterfeed ganha nova versão e agora publica postagens do Blogger em tempo real

04/10/2009

Download: eBook Blogger SEO

, , , ,

Download: eBook Blogger SEO

eBook Blogger SEO

Com o e-book Blogger SEO, você aprenderá a otimizar o seu blog para que ele tenha melhor desempenho nos mecanismos de busca, atraindo mais visitantes e leitores. O processo envolve a otimização do template, URLs, títulos, Meta Tags, links, imagens, postagens, e pode ser feito por qualquer pessoa, pois tem conteúdo fácil e objetivo, além de exemplos, imagens ilustrativas e muito mais.

Você pode fazer o download gratuito da sua cópia a partir de 2 servidores:
Download (Google)Download (Windows Live)

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.

Blogger anuncia suporte à imagens/avatares nos comentários

Blogger anuncia suporte à imagens/avatares nos comentários

Agora a pouco, o Blogger Buzz anunciou o novo “recurso” do Blogger: suporte à avatares nos comentários. A novidade permite inclusive que o usuário faça upload das fotos diretamente da página onde está comentando, e cobre um grande furo no sistema de comentários do Blogger - mas infelizmente, ainda não é suficiente.

O novo recurso não aparece automaticamente em blogs com templates personalizados e aparentemente não é possível alterar o tamanho das imagens (que são MUITO pequenas – lembrando, talvez por um bom – futuro - motivo, as imagens do widget de Seguidores do Google Friend Connect), nem seu posicionamento. E quando o usuário, não possui foto, é usado o ícone do serviço, completamente desproporcional com o tamanho das fotos. E agora para personalizar essa encrenca? Será que podemos parar de esperar por um novo sistema de comentários mais decente? O jeito é aguardar e ver o que o Blogger ainda vai trazer em comemoração à seus 10 anos.

No próximo post vou ensinar como ativar os novos avatares no seu blog, fique ligado!

08/09/2009

Acelerando a indexação do Blogger no Google com as Webmasters Tools

, , ,

Acelerando a indexação do Blogger no Google com as Webmasters Tools

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. E como sabemos, o Google é atualmente o mecanismo de busca mais usado no mundo; por isso, faz-se necessário ter seu conteúdo indexado e bem avaliado por ele. Para tanto, vamos aprender a integrar as Webmasters Tools do Google, com o Blogger/Blogspot.

Antes de poder usar as Ferramentas para Webmasters (ou Webmasters Tools), devemos ativá-las no Blogger. Para isso acesse a Página de Ativação e clique no botão Ativar Ferramentas para Webmasters.

Em seguida, você será levado à página inicial das Ferramentas para Webmasters do Google. Se os seus blogs já estiverem listados, você poderá passar para a próxima etapa. Caso contrário, resta esperar até que eles apareçam na lista (pode levar cerca de 24 horas).

Agora, clique em seu blog na lista de sites adicionados. Em seguida, clique na opção Configurações do site na barra lateral para expandí-la. Depois clique no item Sitemaps.

Você será levado à um página que lista os sitemaps (mapas de site) adicionados. Os robôs de indexação consultam estes sitemaps como uma forma de ter acesso mais fácil e rápido às páginas do site.

No caso do Blogger, o sitemap utilizado é o Feed das postagens. Com ele, os mecanismos de busca poderão indexar cada nova postagem com maior rapidez, apenas verificando seu feed.

Para adicionar um sitemap clique no botão Enviar um Sitemap.

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&start-index=1&max-results=100

Por padrão, este sitemap indicará apenas as últimas 100 postagens no seu blog para os robôs de indexação. Se você quiser aumentar o número de postagens, altere a parte em laranja pelo número de postagens desejado (o máximo é 500). Observe que quanto maior for o número de postagens, mais tempo levará a indexação.

Porém, se você tiver um alto número de postagens, e não quiser ser prejudicado quanto à velocidade de indexação, poderá manter dois (ou mais) sitemaps, como no exemplo:

atom.xml?redirect=false&start-index=1&max-results=100

atom.xml?redirect=false&start-index=101&max-results=500

Adicionando os dois sitemaps acima – um de cada vez –, as 100 primeiras postagens serão indexadas mais rapidamente, enquanto as próximas 500 serão indexadas com um intervalo maior de tempo (o que não é um problema, já que postagens mais antigas só precisam ser reindexadas no caso de uma alteração ou atualização em seu conteúdo). Se você precisar adicionar um terceiro sitemap, some as partes em vinho e laranja do sitemap anterior e coloque o resultado na parte em vinho do novo sitemap. Por exemplo, num terceiro sitemap do exemplo acima, a parte em vinho seria 601.

A primeira indexação pode levar alguns dias e os dados completos podem levar até 1 mês para aparecerem nos resultados das pesquisas do Google – a partir daí, o processo se tornará mais rápido. Para consultar o progresso da indexação basta consultar as Ferramentas para Webmasters do Google.