Problemas com o Blogger no Brasil

| 2 Comentários

Blogger LogoLogo do Blogger

Recentemente muitas pessoas estão com problemas para entrar nos blogs do Blogspot.com e no painel do Blogger, inclusive eu.  Muitas pessoas foram ao Grupo de Discussão do Blogger para xingar o Google, sem nem saber o motivo do problema.
Após alguns dias de discussão, está ficando muito provável que o problema não está no Google, e sim nos servidores da Oi/Velox.

Em alguns momentos, o Blogger abre. Em outros, não. E, se você usa o Blogger, deve ter percebido isso. Mas, se você quer postar no seu blog mesmo assim, existem dois métodos de correção:

Método 1 - Usando o DNS do Google
(Obs.: não funciona se você utiliza um provedor de internet via rádio)

Siga o tutorial (em nova janela), usando os dois endereços DNS: 8.8.8.8 e 8.8.4.4.

Se você seguiu o tutorial corretamente e ele não funcionou, o jeito é seguir o outro método:

Método 2 - Usando Web Proxies

Vá no site Proxy.Org, digite a URL “http://www.blogger.com” no campo à direita e clique em “GO”. Faça o Login e poste!


Esses dois métodos são temporários, já que seus visitantes (leia-se: paraquedistas) não irão procurar mudar o DNS ou usar proxies para visitar um blog. Enquanto ele não volta, nós ficamos sem visitantes (ainda mais quem usa subdomínios "blogspot.com")

Vamos torcer que o problema seja resolvido pelo verdadeiro responsável pelo problema*, porque se fosse com o Google*, já estaria resolvido (ou não).


* Se o problema estiver na Oi/Velox
* É bem provável que não o problema não seja com o Google, já que ele lucra com o Adsense nos blogs e não deixaria assim.

[...]
Leia o Texto Completo »

Aos Leitores

| 1 Comentário

Para os leitores do blog.

Querido leitor do SemNome, estou escrevendo essa postagem porque devo algumas explicações e quero fazer um pedido a você.

A primeira coisa que quero falar é sobre a série de postagens que eu havia prometido na postagem “Novidades no SemNome 2.0”, onde eu disse que eu postaria diariamente nessas férias. Como vocês perceberam, não aconteceu. E é isso que devo a explicação:

Logo após o início da ‘maratona de postagens’, as visitas do blog começaram a cair. Quando comecei a procurar os motivos do problema, percebi que o Google estava desindexando minhas páginas.  Então, parei de postar para buscar as causas da desindexação. Até aí, tudo bem.

As visitas caíram, mas continuavam em um bom nível. Até que no dia 18 de dezembro, as visitas caíram quase pela metade e, no dia 19, caíram para a metade do dia 18. Desse dia em diante, as visitas do SemNome estão muito baixas. Então, encontrei a causa do problema: as páginas mais importantes do SemNome sumiram do índice do Google, ou seja, fui punido.

Depois desse tempo de buscas sobre as causas da punição, acabei encontrando o motivo do problema: os widgets. Ao colocar os créditos com dois links nos widgets, a palavra “Widget“ ficava com um link, e isso fez com que o Google achasse que eu estava fazendo Link Farm. E é aí que entra o pedido que quero fazer a vocês:

Para quem usa o Widget Contador do Twitter ou o Widget do BlogBlogs, eu peço que vocês entrem nas páginas dos widgets e copiem os novos códigos, com os links corrigidos. Assim, vocês contribuem para que o SemNome volte à ativa!

Então, a todos vocês, seguidores ou leitores de Feed, eu lhes desejo um Feliz Natal. Não parem de seguir o SemNome, porque teremos novidades. E boas festas!

[...]
Leia o Texto Completo »

Como manter um blog nas férias

| 3 Comentários

FériasFérias foram feitas para descansar. Mas você vai abandonar o seu blog?

Fim de ano: Natal e Réveillon chegando. Após um ano de trabalho (ou estudos), as férias são bem-vindas. A primeira coisa que muita gente pensa é: “Vou viajar”. Mas, se você for blogueiro, o que acontecerá com seu(s) blog(s) se você viajar? Seu blog ficará abandonado até você voltar?

Essa é uma dúvida cruel. Se você para de postar nesses dias, os leitores de feed do blog podem parar de acompanhá-lo. Se você resolve postar todos os dias, pode acabar sem férias... Mas, vamos tentar amenizar o problema:

1 - Estudando o tempo longe do blog

Veja quanto tempo você ficará fora. Isso fará com que você possa distribuir suas postagens para que não perca seus leitores.
Como exemplo, vamos supor que você passará o natal e o réveillon longe de casa, do dia 24 de dezembro ao dia 2 de janeiro. Assim, serão 10 dias longe do seu blog.

2 - Reservando um tempo para criar postagens

Crie o maior número de postagens em um único dia. Tente reservar todo o seu tempo livre desse dia apenas para escrever. Escreva todos os seus artigos, mas sem publicá-los. Use um editor de textos (ex.: Word) e salve os textos em seu computador. Você deve ter ao menos 5 artigos ao final desse dia (ou não).

3 - Calculando o intervalo entre as postagens

Agora que você já tem as postagens e sabe quanto tempo você ficará longe de seu blog, é hora de usar o que você aprendeu na 3ª série: Divida o número de postagens pelo número de dias e descubra quantas postagens você publicará por dia.
Usando o exemplo do tópico 1 e supondo que você escreveu 5 artigos, você publicará um artigo a cada 2 dias. Se você escreveu 15 artigos, você poderá publicar 1 ou 2 artigos por dia.

4 - Publicando os artigos

Longe do computador, não tem como postar nada, certo? Mas você pode agendar os artigos para serem postados nos dias que você escolher.

Não vou ensinar como agendar os artigos, então, se você usa o Blogger, aprenda no Dicas Blogger. Se você usa o Wordpress, aprenda no Ferramentas Blog.


Pronto! Agora você pode aproveitar as suas férias sem que seu blog fique abandonado. E boas férias!

[Imagem: Kyle May]

[...]
Leia o Texto Completo »

Qual o fato mais marcante de 2009?

| 3 Comentários

Fogos de ArtifícioRetrospectiva 2009 no SemNome!

O ano de 2009 está acabando e o SemNome, como sempre, quer saber o fato que foi mais importante nesse ano.

Ao contrário de 2008, ano em que ocorreram muitas coisas que chocaram o Brasil, 2009 chegou a ser “menos trágico”. Veja os fatos selecionados como os que marcaram o ano:

1 - Ascensão do Twitter no Brasil

O serviço de microblogging dos 140 caracteres ficou famoso no Brasil logo depois da entrada em massa de famosos nessa rede social. Acabou se tornando mania nacional (por um mês).

2 - Descoberta de água na Lua

A NASA descobriu água em uma cratera perto do “Polo Sul” da Lua. Leia mais

3 - Saída de Gugu do SBT

A Record fez uma proposta ao apresentador Gugu Liberato e ele saiu do SBT. O que ninguém esperava era que a sua saída aumentaria os lucros e a audiência do SBT...
Leia um pouco mais

4 - Morte de Michael Jackson

O “Rei do Pop” morreu aos 50 anos, numa época em que estava ensaiando para uma nova turnê. A sua morte deixou muitos fãs impactados.
Leia sobre isso

5 - Rio de Janeiro selecionada como a cidade sede das Olimpíadas de 2016

Rio de Janeiro foi a cidade escolhida para as Olimpíadas de 2016. E o Brasil vai gastar uma boa quantia para os Jogos Olímpicos acontecerem aqui.
Leia sobre isso

6 - Flamengo vence o Campeonato Brasileiro

Depois de 17 anos, o Flamengo consegue o título de Campeão Brasileiro após a vitória suada sobre o time reserva do Grêmio.

7 - Caso Geyse

O caso da aluna da Uniban que foi à Universidade com um vestido rosa-choque curto e acabou ficando famosa no Brasil inteiro. Se ela queria aparecer, conseguiu!
Leia a notícia

8 - Morte de Lombardi

O célebre locutor do SBT morreu por enfarte, em sua casa. A voz que acompanhou o SBT desde o início deixou de vez o canal.
Leia a notícia

9 - O garoto das 50 agulhas no corpo

O fato mais recente, onde um padrasto introduziu cerca de 50 agulhas no corpo de um garoto de 2 anos em rituais de magia negra.
Leia a notícia.

10 - Impostos no Brasil ultrapassam 1 trilhão

Este foi o segundo ano em que o Brasil arrecadou mais que 1 trilhão de reais em impostos. E tudo isso do nosso querido bolso!
 Leia mais

11 - Outro

Você acha que algum fato importante foi esquecido? Deixe nos comentários dessa postagem.


E aí está a enquete:

[Imagem: Epic Fireworks | Editada]

[...]
Leia o Texto Completo »

Como fazer Ícones

| 2 Comentários

Ícones Faça também o seu ícone! [Imagem by I'm George ]

Esse tutorial explica, de forma simplificada, como fazer um ícone utilizando o Photoshop. Se você tiver o seu arquivo de imagem pronto e quer apenas criar o arquivo ‘.ico’, leia o artigo “Criando ícones a partir de imagens”.

Nesse tutorial eu usei o Adobe Photoshop 7, em português. Mas você pode utilizar qualquer outra versão do Photoshop, ou outro editor de imagem que você saiba usar. Então, vamos lá:

1 - Aperte Ctrl+N, para criar um novo arquivo. Crie uma imagem quadrada de fundo transparente, com 72dpi. Quanto às dimensões, veja a lista de aplicações:

  • 16x16 e 32x32 - Favicons
  • 64x64 - Ícones de pasta para o Windows XP, Favicons de Alta qualidade
  • 128x128 ou 256x256 - Ícones para o Windows (Alta qualidade / Windows Vista e Seven)

Eu escolhi 64x64 pixels e criei a imagem:

Criando a Imagem

2 - Cole uma imagem recortada nesse arquivo (aprenda como) ou crie nela mesmo. Eu colei o logo do SemNome 2.0:

Colando a Imagem

3 - Aperte Ctrl+T e redimensione a imagem

Redimensionando a imagem

4 - Aperte Ctrl+S e salve como PNG:

SalvandoSalvando - Clique para ampliar

4.1 - Não use entrelaçamento

Salvando - 2

Pronto! Seu ícone já estará criado (ou não). Caso seu ícone não tenha sido criado, leia as dicas:

  • Use fundo transparente nos ícones para que ele apareça corretamente nas barras dos navegadores
  • Não use sombras em ícones menores que 64x64 pixels: A sombra deixará o ícone ilegível
  • Não use textos nos ícones: além de ilegível, deixará o ícone feio e confuso.

Leia também:

Como colocar ícones em pendrives
Criando arquivos .ico
Como fazer um logo [Em inglês]

[...]
Leia o Texto Completo »

Widget Ranking BlogBlogs

| 3 Comentários

BlogBlogs Rank by SemNome

Novamente baseado em um widget do Compulsivo, fiz dois botões com o Ranking do BlogBlogs, com o mesmo esquema de cores do Contador de Posts e Comentários. Como os outros widgets, a instalação é fácil e rápida. Veja como:

Instalação

1 - Visite a página do Widget de Ranking do BlogBlogs

2 - Copie o Seu ID, que estará como na imagem abaixo:

Copie o Texto Sublinhado

3 - Substitua SEU_ID_BLOGBLOGS no código do modelo escolhido pelo ID que você copiou

4 - Coloque o código em um widget HTML/Javascript

 


Modelo 1:
<style type="text/css">#snrank1{width:80px; height:15px; position:relative; margin:5px auto; display:block; padding-bottom:5px;}#bbwa, #bbwb, #bbwf,.bbw_buttons, #bbwg , #bbwd, #bbwe{display: none; visibility:hidden;} #snrank1 #bbwh{ font-family:Arial, Helvetica, sans-serif;position:absolute;left:49px; top:2px;padding:0;font-size:9px;color: #000000; margin:0; text-align:left;}</style><div id="snrank1"><center><script src="http://embed.blogblogs.com.br/embed/blogrank?blog_id=SEU_ID_BLOGBLOGS&style=0" type="text/javascript"></script><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD9WAjwYCG0dMBCbo73exKrGI4MSSk28ny52fzrv2FtBpGd5lL9KlDM9dvAtm5jtE4SoTYTM2eXAYIO1jQc1wraEAgtdOlUvtjPEP-D4xKKqnMz1hxJaJqyBQie_YNHavYk6-ZtVXPOHI8/s1600/bblogs.png" style="clear:both; padding:0; margin:0; border:none; display:block;" alt="Ranking BlogBlogs"/><span style="font-size:9px; margin:0; padding:0;font-family:'Times New Roman', Times, serif;"><a href="http://semnome.net/2009/12/widget-ranking-blogblogs.html" title="Botão BlogBlogs SemNome">Widget by SemNome</a></span></center></div>

Modelo 2:
<style type="text/css">#snrank2{width:80px; height:15px; position:relative; margin:5px auto; display:block; padding-bottom:5px;}#bbwa, #bbwb, #bbwf,.bbw_buttons, #bbwg , #bbwd, #bbwe{display: none; visibility:hidden;} #snrank2 #bbwh{ font-family:Arial, Helvetica, sans-serif;position:absolute;left:45px; top:2px;padding:0;font-size:9px;color: #000000; margin:0; text-align:left;}</style><div id="snrank2"><center><script src="http://embed.blogblogs.com.br/embed/blogrank?blog_id=SEU_ID_BLOGBLOGS&style=0" type="text/javascript"></script><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixrMzCyfkm07Uybo8JlNktl8SPWuJBtoSg96rxkxer2xBRcYIbIk54-4go4_guzApLTnX0EpLhzhHpDeEjFGCmWDKO1EzDfejUoMam_VPVHTENfLrNAJaXdTgMFQTjjhBhqARQ8AJLCuVi/s1600/bblogs2.png" style="clear:both; padding:0; margin:0; border:none; display:block;" alt="Ranking BlogBlogs"/><span style="font-size:9px; margin:0; padding:0;font-family:'Times New Roman', Times, serif;"><a href="http://semnome.net/2009/12/widget-ranking-blogblogs.html" title="Botão BlogBlogs SemNome">Widget by SemNome</a></span></center></div>

Termos de Uso

Não retire os créditos!


Veja outros Widgets parecidos:

[...]
Leia o Texto Completo »

Templates: Beleza ou Simplicidade?

| 1 Comentário

Template bonito vs SimplesUm template Bonito ou um Template Simples?

Um template bonito é o que todo blogueiro quer. Não é muito difícil achar vários blogs com o mesmo template, baixado de algum lugar e sem personalização. Também não é muito difícil encontrar blogs que utilizam templates padrão do Blogger/Wordpress.

A beleza é essencial para o template de um blog. Mas, se o blogueiro exagerar, pode deixar o layout do blog confundindo os visitantes e garantir que o retorno dos mesmos não aconteça. Se utilizar um template padrão, sem personalização alguma, o visitante sairá do blog com a impressão de que ele não vale nada.

Então, seu blog precisa de um novo template? Usar um template bem bonito, pesado e complicado ou usar um template feio, leve e de fácil navegação? Analise e tire suas próprias conclusões:

O meu template precisa ser mudado?

Essa é a principal questão: seu template é bom ou não? O que seus visitantes pensam quando o veem? Para isso, siga as dicas:

~> Analisando

Analise os seguintes pontos para saber se seu template é ou não bom para seu blog:

- Taxa de Rejeição do blog

A taxa de rejeição do blog significa quantos visitantes entraram no seu blog e saíram na primeira página que entraram (nenhuma visita a mais). Para ver a sua taxa de rejeição, você pode usar o Google Analytics: se a sua taxa de rejeição for acima dos 60%, seu blog necessita urgentemente de reforma. Uma delas pode ser o template.

- Tempo de Carregamento

Para grande parte das pessoas, a internet é assim: clicou, abriu. Se a sua página não abre rapidamente, o visitante, impaciente, sai sem ver o que procurava. Veja se seu template é pesado ou não.

- Compatibilidade com os navegadores e resoluções

Para seu template ser eficiente, ele deve ser compatível ao menos com os navegadores mais utilizados (Internet Explorer 7 e 8, Mozilla Firefox, Google Chrome e Safari) e com as resoluções de tela a partir de 1024x768 (800x600 está ficando ultrapassada, apesar de que ainda usam). Leia o artigo “Cuidados Com O Template Do Blog” e entenda esses problemas.

~> A decisão

Depois de analisar os pontos, você pode decidir se você deve mudar ou não o template de seu blog:

- Blog pesado e incompatível com algum navegador

Se o seu blog abre correta apenas no Firefox, por exemplo, não adianta um link “Use o Firefox”: você precisa adaptar seu blog aos outros navegadores; afinal, o navegador mais usado no mundo ainda é o Internet Explorer.
Nesse caso, você precisa mudar o template do seu blog.

- Blog pesado e com alta taxa de rejeição

A taxa de rejeição pode estar sendo causada pela demora no carregamento do blog. Talvez não seja necessário mudar o template. Tente reduzir o tempo de carregamento do seu blog.

- Blog incompatível com navegadores ou resoluções

Aprenda a usar o CSS e configure você mesmo o seu template. Ou então baixe um menos incompatível.

- Blog com baixa taxa de rejeição e qualquer um dos outros dois problemas

Se seu blog tem uma taxa de rejeição abaixo dos 50%, isso significa que os visitantes leem mais de uma página. Se isso acontece com um blog incompatível e/ou pesado, imagine o que aconteceria com um blog compatível e leve.
Se você acha que pode diminuir mais ainda a taxa de rejeição do blog otimizando o seu blog, tente Reduzir o tempo de carregamento do Blog ou resolver os problemas de incompatibilidade.

 

E então, beleza ou simplicidade?

Como eu disse, se seu blog é bonito, cheio de widgets, imagens ou cores, ele pode confundir os visitantes. Se o seu blog é simples demais, pode espantá-los. Tente unir as duas coisas e fazer um blog leve, com não tantos widgets inúteis e mesmo assim, atraente aos olhos do visitante e de fácil navegação.
Mas não é preciso baixar um novo template. Se você souber o básico do CSS, você pode fazer até um belo template a partir do Minima.

Dica

Faça uma enquete no seu blog perguntando aos seus visitantes o que eles acham do seu template e garanta a satisfação deles. Afinal, visitante satisfeito = blogueiro feliz!

Leitura Recomendada

A importância da Taxa de Rejeição do Google [Fique Rico]
Tutoriais CSS [Maujor]
Oito lindos templates para o Blogger [Templates novo Blogger]

[...]
Leia o Texto Completo »

Personalizando os títulos das páginas no Blogger

| 3 Comentários

Título é o que importa!Otimize seus títulos e aumente a posição nas buscas

Para um blog ter um melhor resultado nas buscas, o título da postagem importa muito. Mas, de que adianta o título da postagem ser bom, se não aparece totalmente nos resultados do Google?

Não entendeu? Entenda agora o que estou falando:

O Blogger, por padrão, coloca os títulos das páginas de postagens com o modelo:

Nome do Blog: Nome da Postagem

Mas nos resultados de buscas do Google, só aparecem os 60 primeiros caracteres do título da página, sendo o resto substituído por reticências (...). Então, se o título do seu blog é grande, o título das postagens poderão não aparecer corretamente. Vamos aprender alguns modelos de títulos para você colocar em seu blog e melhorar seus resultados nas buscas:


Modelo 1

Nesse modelo, vamos deixar igual ao SemNome ( Título da Postagem « Nome do Blog )

1: Ache o código de título no “Editar HTML” do seu blog:

 <title><data:blog.pageTitle/></title>

2: Substitua por:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
 <title><data:blog.title/></title>
 <b:else/>
 <title><data:blog.pageName/> &#171; <data:blog.title/></title>
 </b:if>

3: Salve e Pronto!

Obs.: Você pode substituir &#171; por qualquer outro caractere que você quiser.


Modelo 2

Esse modelo personaliza também páginas de Arquivo do Blog:

1: Ache o código de título no “Editar HTML” do seu blog:

 <title><data:blog.pageTitle/></title>

2: Substitua essa linha por:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title><data:blog.pageName/> - Arquivo - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>

3: Salve e Pronto!

Dica.: Você pode mudar a ordem dos nomes ou trocar os hífens ('-') por qualquer outro caractere


Modelo 3

Nesse modelo, aparecerá a descrição do blog no título da página inicial e aparecerá a palavra “Arquivo” nos títulos das páginas de arquivo.

1: Ache o código de título no “Editar HTML” do seu blog:

 <title><data:blog.pageTitle/></title>

2: Substitua ele por:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> - <data:blog.description/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title><data:blog.pageName/> - Arquivo <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>

3: Salve e... Pronto!


Modelo 4

Nesse modelo, as páginas de postagens aparecem apenas com seu título. É usado no blog do Compulsivo.

1: Ache o código de título no “Editar HTML” do seu blog:

 <title><data:blog.pageTitle/></title>

2: Substitua o código original por:

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/></title>
    </b:if>

3: Salve. Pronto!

Modelo 5

Esse modelo... É você quem cria: Troque as palavras adicionais do título, os caracteres que o dividem, os elementos... Aqui está uma lista dos elementos usados nos títulos das páginas do Blogger:

<data:blog.pageTitle/> - Título padrão do Blogger
<data:blog.title/> - Nome do Blog
<data:blog.pageName/> - Nome da página do Blog
<data:blog.description/> - Descrição do Blog

E os tipos de páginas (pageType) disponíveis para o Blogger:

index - Páginas de Índice (inicial, busca...)
archive - Páginas de Arquivo
item - Páginas de postagens

[...]
Leia o Texto Completo »

Reduzindo o tempo de carregamento do blog

| 3 Comentários

Tempo é Dinheiro!Porque tempo pode ser Dinheiro!

Qual o tamanho, em KB (Kilobytes), da página inicial do seu blog? Quanto tempo um novo visitante espera para ver o conteúdo do seu blog? No post “Medindo o tempo de carregamento do seu blog” eu já ensinei como saber as respostas dessas perguntas, só que não ensinei como otimizar o template do blog. E é isso que iremos aprender agora.

Seu blog precisa ser otimizado? Você ainda acha que seu blog carrega rápido?
Ao analisar o tamanho do seu blog e o tempo de carregamento em várias velocidades de conexão, lembre-se que não são todos que usam conexões de 12Mbps, muitos ainda usam conexões inferiores a 150Kbps. Sendo assim, se seu blog demora mais de 1 minuto para carregar em uma velocidade de conexão razoável, seu blog é muito pesado.

Outro ponto importante que deve ser lembrado é que, mesmo que seu blog carregue rápido em seu navegador, poderá não carregar tão rápido no navegador do visitante: as imagens do seu blog já estão salvas nos arquivos temporários (cache) do seu navegador, mas não estão no do visitante do blog. Experimente abrir seu blog em outro navegador (que você nunca tenha visitado seu blog) ou limpar os arquivos temporários do seu navegador e depois visitar o seu blog: se demorou, precisa urgentemente de otimização!

Depois de muita explicação, vamos às dicas!

1 - Exclua os scripts em excesso

Widgets personalizados, efeitos em páginas, hacks, novas funcionalidades: Tudo isso aumenta o tempo de carregamento do seu blog. Em alguns computadores menos ‘potentes’, podem chegar a travar o navegador.

Para resolver, analise o que é realmente necessário para o seu blog e exclua os scripts/widgets que não têm quase nenhuma utilidade. Não é necessário excluir todos os scripts. Exclua apenas os que não representam nenhum nível de importância para o seu blog.

2 - Utilize menos imagens no template

Se o seu template utiliza muitas imagens de fundo, tente remover algumas e preencher com cores sólidas, pois as cores não precisam ser baixadas: as imagens, sim.
Prefira o fundo da página (‘background do body’, para quem preferir) com uma cor só, ou com imagens pequenas que se repitam.
Caso você não possa fazer isso, tente escolher (ou fazer) outro template para seu blog. Ou então tente a próxima dica.

3 - Troque as imagens PNG por GIF

As imagens PNG são melhores de trabalhar, pois a transparência é total; os GIFs têm transparência, mas esta não é total: uma sobreposição entre cor e transparência não aparecerá, será preenchida uma cor nesse local (Matte).
O formato GIF é mais rápido de carregar, por ser mais leve. E se dá muito bem com fundos de cores sólidas (da mesma cor do Matte). Então, quando for aplicável, utilize imagens GIF ao invés de PNG ou JPEG.

4 - Otimize seu CSS

Você pode reduzir o CSS do seu blog excluindo as quebras de linha em excesso, transformando, por exemplo:

body{
text-align:center;
background:#000000;
margin:0;
}
.post-body{
color:#000000;
background:#FFFFFF;
text-align:left;
}

Em:

body{text-align:center;background:#000000;margin:0;}
.post-body{color:#000000;background:#FFFFFF;text-align:left;}

Isso reduziria um pouco do tempo de carregamento do blog. Siga outra dica no artigo do Compulsivo: Otimização e compressão do CSS no Blogger

5 - Hospede seu CSS em outro local

Quando alguém visita seu blog, o navegador carrega todo o conteúdo do HTML e os arquivos externos. O HTML é carregado toda vez que se entra no blog; os arquivos hospedados externamente (imagens,CSS e scripts) são carregados apenas na primeira visita.

 No Blogger, o CSS fica dentro do código HTML e é carregado toda vez que o visitante entra. Em um arquivo externo, o CSS só será baixado uma vez e, toda vez que o visitante entrar novamente, o CSS já estará carregado, ou seja: seu blog aparecerá mais rápido.

Veja como Hospedar CSS e colocar no Blogger.

Bem, essas foram as dicas de hoje. Então, mãos à obra e reduza o tempo de carregamento de seu blog!

[...]
Leia o Texto Completo »

Usando CSS externo no Blogger

| 3 Comentários

Blogger e CSS

Para reduzir o tamanho de carregamento do seu blog, um passo importante é usar o CSS em um arquivo separado do HTML total do blog.

Mas por quê?

Digamos que um visitante entra no seu blog pela primeira vez: seu blog demorará certo tempo para carregar. Se ele entra pela segunda vez, as imagens já estarão carregadas, mas o HTML é carregado novamente.
No Blogger, o CSS é integrado no HTML. Ou seja: toda vez que o visitante entra, tem que carregar o CSS. Mas, se for hospedado externamente, só será carregado uma vez, como as imagens.

Prós e contras

Se você não fica sempre mudando o seu template, é uma ótima escolha. Mas se você é daqueles que não conseguem deixar o esquema de cores do seu blog em paz, é melhor você nem seguir essas dicas.

Antes de começar, lembre-se: após fazer isso, não será possível mudar o esquema de cores pelo Painel do Blogger (Layout -> Fontes e cores).

Sem mais enrolação, vamos ao tutorial:

> Hospedando CSS e colocando no Blogger

1 - Faça todas as modificações de cores necessárias antes de começar. Também faça um backup do seu template.
2 - Entre em seu blog e vá em “Exibir -> Código Fonte” (ou aperte Ctrl+U, exceto no IE). Aparecerá algo assim (varia de acordo com o template):

3 - Copie o conteúdo depois de:

Copie o que estiver depois da seleçãoInício do CSS - Clique para ampliar

E antes de:

Copie até antes dissoFim do CSS - Clique para ampliar

4 - Abra o bloco de notas e cole o código copiado

5 - Em “Arquivo -> Salvar como”, selecione “Tipo” como “Todos os arquivos (*.*)” e nomeie o arquivo como style.css (ou qualquer outro nome, só não esqueça do ‘.css’ no fim do nome)

Salvando o ArquivoSalvando o CSS pelo Bloco de Notas - Clique para Ampliar

6 - Vá no FileDen e crie uma conta. Lembre-se de abrir sua caixa de e-mails e clicar no link de confirmação.

7 - Após ter sua conta confirmada, clique em “Upload” e envie o arquivo criado.

Fazendo o UploadFazendo o Upload

8 - Após concluir o envio, selecione a opção “Direct URLS” e copie a URL:

URL do CSSCopiando a URL direta do CSS

9 - Vá até a parte de edição de HTML do Blogger e exclua do <b:skin> ao </b:skin>

10 - Coloque isso no local do que você excluiu:

<link href='URLDOSEUARQUIVO' rel='stylesheet' type='text/css' />
<b:skin><![CDATA[ ]]></b:skin>

Lembre-se de trocar URLDOSEUARQUIVO pela URL que você copiou do FileDen

11 - Visualize para ver se está tudo certo e salve. Se deu errado, tente começar de novo, pois  você fez algo errado.


Observação:
O FileDen tem um limite de tráfego mensal de 5GB. Isso significa que, se você hospedar apenas um arquivo CSS de 10KB, você terá o suficiente para um blog de 15.000 visitas diárias.

[...]
Leia o Texto Completo »

Novidades no SemNome 2.0

| Nenhum Comentário

SemNome 2.0Ainda SemNome, mas Feliz!

Desde sábado (05/12/2009), o SemNome está com um novo template. Mas por quê? O outro já não estava bom? O que tem de mais nesse novo template?

Creio que devo todas essas explicações e mais algumas boas notícias a vocês, leitores, que fazem o SemNome crescer.


Por quê?

O motivo principal do novo template foi velocidade. O ‘template de 1 ano’ estava demorando demais para carregar, o que fazia os visitantes impacientes saírem sem nem ler o que procuravam.

O esquema de cores foi modificado para tons de cinza, pois nunca gostei de templates coloridos. Também mudei o logo, pois o outro logo estava ultrapassado e malfeito (o outro tinha sido feito às pressas).

O que tem de mais nesse novo template?

Esse novo template utiliza CSS externo, ou seja: só é carregado uma vez. Então, o tempo de carregamento para leitores (quem lê mais de uma página) foi reduzido drasticamente, garantindo a volta dos mesmos.

Juntamente com o template 2.0, o SemNome ganhou algumas coisas novas: Termos de Uso, Política de Privacidade, uma página com todas as opções para seguir o blog e uma Política de Parcerias, afinal todos os blogueiros que querem algo com seus blogs devem definir regras (ainda mais se você usa Adsense, que exige uma Política de Privacidade).


E agora, o que o leitor ganha?

É, leitor... Você deve estar se perguntando: “E eu com isso?”, então vamos à parte boa: estou de férias! (Agora sim você ficou se perguntando o que você tem a ver com isso)
E, com o autor de férias, o SemNome será atualizado frequentemente. Então, se você quer conteúdo, é o que você terá!

Mas como vocês devem saber, escrever um artigo não é algo fácil e nem rápido. Então, tentarei seguir a rotina de 1 postagem por dia. Continuem acompanhando o blog, porque a partir de amanhã o SemNome iniciará uma rotina de postagens frequentes!

Bem, leitores, por hoje é só. Amanhã eu retorno com algo realmente útil para vocês!

[...]
Leia o Texto Completo »