Páginas

1 2 3 4

10. Passo a Passo - Auto paginação no Blogger

Temos mais uma novidade no Blogger e esta é quentíssima (finalmente). Reconhecendo a importância de um carregamento mais rápido das páginas, a equipe de engenheiros do Blogger resolveu implementar um recurso chamado  auto paginação.

Acontecerá um ajuste dinâmico na quantidade de conteúdo enviado ao navegador, dependendo da quantidade de HTML que está sendo requerida (em kilobytes) e do número de imagens que há na página. É complicado de entender? Com certeza, mas isso resultará não só em um carregamento mais rápido de nosso blogs, como também em um aumento das pageviews ou exibições de páginas (<=esta é a parte ótima da história).


Não sabe o que é pageview? Então leia este post - Acompanhe as estatísticas do seu blog (em breve)

Ler Mais...

9. Passo a Passo - Cuidados com o layout do seu blog

A experiência que venho adquirindo à frente de alguns blogs, como o http://loyxxdownloads.blogspot.com/, me mostrou  que a maioria das pessoas que criam um blog têm o desejo de receber muitos visitantes, comentários e até mesmo de fazerem sucesso. Mas um dos impecilhos para que isso se torne realidade, entre outras coisas, pode ser o layout (modelo, template) do blog.

Claro que o mais importante continua sendo a qualidade do conteúdo que oferecemos, mas um blog carregado, sem boa navegabilidade ou com cores berrantes, pode sim espantar futuros leitores.

Nesta semana, precisei criar um blog do zero, desde as contas do Google, Blogger, Analytics, Feedburner e etc, até a configuração do domínio prórpio. Foi super legal, pois eu usei um dos novos modelos do Blogger, o layout ficou lindão e eu fiquei todo feliz.


Hoje fui mostrar o novo blog a alguns amigos (trata-se de um blog corporativo) e eis que me veio a surpresa: o layout estava HORRÍVEL! Passado o susto, logo descobri o porquê: o navegador padrão do computador que utilizamos para visualizarmos o blog, era o falecido Internet Explorer 6, que não é compatível com a internet com os novos modelos do Blogger.

Além disso, notei que a página demorava um tempo absurdo para carregar. Motivo: o pc é super antigo e roda o XP com apenas 512 MB de memória RAM.

Resolvi então testar o DB no IE 6. Vejam só que coisa linda #not:
DB no IE 6 
Feio, né? Nem mesmo o AdSense funciona de forma adequada. E agora, o que fazer?

Bom, em primeiro lugar devemos ter o seguinte pensamento: por mais que se divulgue a importância de  atualizar o navegador, a maioria dos utilizadores mal sabem o que é isso. Usar navegadores alternativos e mantê-los atualizados é coisa de blogueiro/tuiteiro/nerd/geek como nós. O internauta ocasional nem se preocupa com nada disso. Vê-se pelo índice crescente de computadores infectados com todo o tipo de malware. Sem contar que, ao contrário de outros aplicativos, o Internet Explorer não atualiza sozinho.

Lamento informar-lhes: tem muita gente que ainda usa o IE6 e outros navegadores inferiores.  O que dá para fazer é, no máximo, colocarmos um aviso em nossos blogs, sugerindo a atualização do navegador.
O Internet Explorer e o Opera não oferecem suporte às bordas arredondadas, muito comuns nos novos modelos do Blogger e mesmo em outros templates personalizados. O melhor a fazer é sugerir aos visitantes que usem os navegadores Firefox e Google Chrome.

Legal. Fui então testar o DB naquele mesmo pc antigão, usando o Firefox. Adivinhem? O layout estava perfeito, mas demorou uma eternidade para carregar a página inicial, mesmo com uma conexão de 2 MEGA. Motivo: as poucas imagens que tenho na home. Agora imaginem blogs que são repletos de imagens? Acho que nem abrem O.o

Outro detalhe: o meu monitor é um LCD de 19 polegadas e o do pc antigão é um CRT de 17. A qualidade da imagem, obviamente, é muito melhor no LCD. Até aí eu já sabia; entretanto, notei que os links do tal blog que criei estavam claros demais no CRT, quase ilegíveis.
Como eu disse no começo deste post, ter computador top de linha, conexão banda larga, monitor LCD e programas super atualizados são coisas que fazem parte do universo dos nerds/geeks e não do usuário normal comum.

Sendo assim, recomendo que quando vocês forem criar ou customizar um novo template, atentem-se aos seguintes detalhes, a fim de evitarem a fuga de potenciais leitores não-geeks:
  • façam testes em outros computadores, incluindo notebooks;
  • façam testes com os navegadores mais populares (dica: usem o browsershots.org);
  • testem o blog em monitores CRTe LCD,com  variadas resoluções, incluindo  widescreen;
  • testem em outras velocidades de conexão, incluindo discada, edge e 3G;
  • usem o hack “leia Mais” ou o jump break a fim de manterem a home mais leve e organizada;
  • evitem muitas imagens e gadgets pesados, dando preferência ao formato JPEG;
Lembremos também que agora temos  o sistema de auto-paginação do Blogger, que limita de verdade o número de posts e gadgets em páginas muito carregadas ;)

Ler Mais...

8. Passo a Passo - Opções de templates para Blogger

O template é uma das partes mais importantes de um blog. Eu já escrevi sobre isso em outros posts, mas repetir nunca é demais.

O template – para quem não sabe – é o desenho do blog, também chamado de tema ou modelo. É onde iremos escrever e colocar novos recursos.

Template (ou "modelo de documento") é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final.
Web templates (ou "modelos de página") são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um "sistema de template". Fonte: Wikipedia
Além da questão estética, um template otimizado pode influenciar positivamente na indexação pelos mecanismos de busca e fazer com que as páginas de um blog abram com maior velocidade e estabilidade. Possuindo boa navegabilidade, auxilia na fidelização dos leitores e no número de exibições de páginas, entre outras coisas.
Hoje em dia temos 4 opções de templates para o Blogger:
  1. Designer do Modelo
  2. Modelos de layout (lançados em 2006)
  3. Modelos clássicos
  4. Templates criados pelos usuários
Todas estas opções usam em seu código-fonte HTML e CSS:
HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web.Fonte: Wikipedia
Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.Fonte: Wikipedia
Designer do Modelo
Lançados em março deste ano, estes são os novos modelos fornecidos pelo Blogger. São mais modernos, com várias opções  de plano de fundo e de colunas (sidebar) e são relativamente fáceis de usar, mas são pouco personalizáveis quanto às cores, fontes e instalação de hacks e de novos recursos via HTML - visto que o código é muito diferente dos modelos mais antigos.
Designer do Modelo

Modelos de layout lançados à partir de 2006
Quando o Google adquiriu o Blogger, a plataforma passou a se chamar Novo Blogger e seus templates passaram a ser em formato .XML. O mais famoso desta época é o Mínima – de onde partiu muitos dos modelos criados pelos usuários

Layouts de 2006

Modelos Clássicos
Estes eu não cheguei a usar, mas pelo que eu vi só existe um modelo e é o usuário que deve customizá-lo através de HTML e CSS.

Modelos clássicos

Templates criados pelos usuários
Estes são templates, geralmente baseados no Mínima, customizados e disponibilizados para download pelos próprios usuários do Blogger.

Existem algumas modelos mais fáceis de usar - com fontes e cores personalizáveis - e outros que já vem “prontos” e que para alterá-los é preciso ter conhecimento em HTML e CSS. Os primeiros são os mais indicados para os novatos.

Se você, caro leitor, tem ambições maiores com o seu blog, é essencial entender CSS, HTML e SEO para  poder otimizar o template do seu blog e posicioná-lo melhor frente aos mecanismos de busca. Ou então, contratar alguém que possa fazer isso para você, pois já vi casos de blogs muito bons em matéria de conteúdo, com um número grande de posts no ar e mal indexados porquê os códigos e a apresentação visual do template não estavam organizados adequadamente.
Ler Mais...

7. Passo a Passo - Como trocar o Template do Blogger

Mais um artigo da séria série Passo a Passo. Hoje, vamos aprender a trocar o template do blog. Quem ainda não sabe o que é um template, clique aqui.
Antes de mais
Passo 1: escolher um template em XML próprio para o Blogger
Passo 2: salvá-lo no seu HD
Passo 3: fazer login no Blogger, entrar em design e depois em editar html

template1

Passo 3: clicar em arquivo ( fig 1) e encontrar o template dentro do HD (fig 2)

template

Passo 4: anexar o arquivo XML e clicar em fazer upload (fig 3)
Passo 5: aceitar a perda dos widgets
Passo 6: salvar

Deu Erro?
Tente a troca em outro navegador ou limpe o cache do seu navegador. No Firefox, é só clicar em ferramentas>opções>privacidade>limpar dados pessoais.

ATENÇÃO: Devido às constantes mudanças no sistema de templates do Blogger, este artigo foi atualizado em duas novas páginas. Acesse:
Ler Mais...

6. Passo a Passo - Templates/Modelos

O Template nada mais é do que o modelo, o layout de um blog. Existem os modelos tradicionais, oferecidos pelo próprio Blogger, e que podem ser mudados com um simples clique. A desvantagem é que eles não são muito bonitos e são pouco funcionais.

 

Além dos tradicionais, existem os templates criados pelos próprios usuários. São, na maioria das vezes, mais profissionais e repleto de funções interessantes.

Aqui no DicasBlogDicas você encontrará lindos modelos e com a vantagem de já virem com diversos hacks instalados, ente eles: artigos relacionados, retirada da navbar, posts resumidos, a nova caixa de comentários, caixa de busca e muito mais.
Para mudar o seu template no blogspot entre em layout, editar html, clique em arquivo e escolha o modelo que você salvou, fazendo o upload a seguir. Saiba mais clicando aqui.

 

template

Ao efetuar uma troca por um template que não é do Blogger, você irá perder a maioria dos widgets. Recomendo que você salve todos os códigos no Word ou no Bloco de Notas.

Até a Próxima!
Ler Mais...

5. Passo a Passo - Os elementos de página do Blogger

Vou explicar aos novatos para que servem os elementos de página. A meu ver, eles são o corpo do blog, enquanto o código html seria o cérebro. E é o que faz do Blogger, uma ferramenta tão fácil de usar.

Para acessar os elementos de página, devemos clicar em “layout” no painel do Blogger.

painel

A disposição dos elementos dependerá do template que estamos usando. Exemplos:


Mínima
Clique p/ aumentar

Dicas Blogger
Clique p/ aumentar

Template Songs
Clique p/ aumentar

Os espaços destinados a inserir os elementos, são chamados de gadgets ou na antiga terminologia, widgets. Eles podem ser movidos para cima, para baixo e para os lados.

movendo os gadgtes

Quanto mais espaço para gadgets um template tiver, melhor ele será - pois nos possibilitará uma infinidade de ações a fim de aumentar a funcionalidade do nosso blog.

O Blogger irá disponibilizar algumas opções de gadgets. Para aprender a usar, basta ir testando cada um deles. O mais usado por quem deseja turbinar o blog, é o html/javascript. É nesse gadget que colocaremos todo e qualquer código, seja em linguagem html ou em javascript.

Em cada um deles, já aparece uma descrição de suas funções e é super divertido explorá-las.

descrição dos gadgets +gadgets

Vou dar um exemplo prático. Um novato chega em um blog qualquer e acha super legal o widget do BlogBlogs. Curioso, ele resolve clicar no link para encontrar o código e colocar no seu blog. E agora, onde inserir este código? Como dito anteriormente, no gadget html/javascript! Um outro internauta gostou tanto do blog que deseja inserir no seu os feeds do Blogdicasblog. É simples! Ele deverá escolher o gadget Feed, colar a url do nosso feed e configurar a seu gosto. Vejam as imagens abaixo:

blogblogs feeds

À medida que inserimos novos gadgets, podemos conferir as alterações clicando em visualizar, no alto da página. Abrirá uma nova janela e se estiver tudo certo, devemos clicar em salvar para que as novas configurações sejam validadas. Ao escolhermos a opção limpar edições, todas as novas alterações serão perdidas.

Aproveito para dizer que tem sido muito gratificante fazer estes tutoriais da série Primeiros Passos. Gostaria de receber comentários bacanas, de gente que se sinta agradecida por ter encontrado a ajuda que tanto procurava. E isso, me dará mais ânimo para continuar!
Ler Mais...

4. Passo a Passo - Faça backup de seu blog para proteger o seu template e seus gadgets

É muito importante fazer o backup de seu blog com frequência, assim evitamos a perda do template e dos gadgets no caso de roubo de conta ou de exclusão acidental. Aprenda a fazer o backup de seu blog, para prevenir-se contra algo que aconteça com ele.


Primeiramente, devemos ir até Layout -> Editar HTML. Então, encontre a linha onde diz: "Antes de editar o modelo, é recomendável salvar uma cópia do mesmo. Baixar modelo completo".


Clique em Baixar modelo completo para fazer o Backup de seu blog. Quando tiver problemas com seu template, como por exemplo, mexer em seu HTML e fazer alguma alteração incorreta, você poderá fazer o upload do template e recuperar o que foi perdido.
Ler Mais...

3. Passo a Passo - Faça backup de suas postagens e comentários

Manter seu blog seguro é fundamental, para isso é muito importante fazer o backup das postagens e comentários de seu blog. Isso poderá ajuda-lo futuramente, no caso da perda de seu blog. Aprenda a fazer o backup de suas postagens e de seus comentários lendo este artigo.
Caso não saiba fazer o Backup de seu template, recomendo que leia este artigo.

-> Faça o backup de seu blog para proteger o seu template e seus gadgets


Entre em Configurações -> Básico. Na primeira linha, você encontrará "Ferramentas do Blog". Ao lado, clique em "Exportar blog".

Basta fazer o download de seu blog. Agora, se quiser recuperar as postagens e comentários que exportou para colocar em outro blog (ou no mesmo), basta clicar em "Importar blog".

Faça regularmente o backup, para garantir segurança as suas postagens e seus comentários, não perdendo todo o tempo e trabalho que levou...
Ler Mais...

2. Passo a Passo - Como fazer postagens no blog (Blogspot)

Passo a Passo

01) Fazer o login com seu e-mail e senha, no site do BLOGGER.

02) Quando carregar a página clique em NOVA POSTAGEM.



03) Em Título: coloque o nome da postagem que deseja publicar.

04) Após digitar tudo que deseja publicar, clique em PUBLICAR POSTAGEM.

05) Caso queira que tenha um menu o que você postou, basta acrescentar o nome em marcadores.

06) Se não deseja publicar a postagem nesse momento, pode clicar em salvar agora e posteriormente publicar esta postagem.
Ler Mais...

1. Passo a Passo - Como criar um blog?

Passo-a-Passo

01) Entre no site: Blogger

02) Se possuir uma conta no Goggle, poderá utilizar essa conta, pode ser Gmail, Orkut ou em outro serviço do Google. Se possuir um e-mail no GMAIL ou no Orkut, é só ir em Efetue o login com sua conta do Google e colocar o nome de usuário (E-mail) e a senha que são utilizados para está conta.

03) Se não possui nenhuma conta Google, clique em CRIAR UM BLOG. É grátis. Destacado em laranja está o botão iniciar.


04) Em seguida aparecerá na tela um formulário para criar uma conta nova. Nesse formulário existe 3 (três) passos a serem seguidos: No inicio do formulário existe a seguinte frase: Este processo criará uma conta do Google para vários serviços do Google. Se você já tem uma conta no Google (como Gmail, Grupos do Google ou Orkut) Acesse-a primeiro. (Se você possui essa conta não precisa seguir o 1º Passo, vá diretamente para o 2º Passo)

05) No 1º Passo Criar uma conta do Google 1º) Você deve digitar o endereço de e-mail existente (yahoo, hotmail ou qualquer outro); 2º) Logo em seguida digitar novamente o endereço de e-mail existente; 3º) escolha uma senha e a digite; 4º) digite novamente a senha escolhida; 5º) em seguida escolha um nome de tela para assinar suas postagens (pode ser qualquer nome); 6º) digite as letras que aparecem e 7º) clique em aceitação dos termos e logo abaixo clique em CONTINUAR (está em laranja)

06) 2º Passo – Crie um nome para seu Blog: 1º) Você dará o titulo do seu blog; 2º) escolha o endereço que você deseja que as pessoas digitem na URL e em seguida clique em verificar disponibilidade; e 3º) verificação de palavras digite as letras que aparecerem e clique em CONTINUAR.

07) 3º Passo – Escolha um modelo para seu blog. Basta clicar no modelo que lhe agradar e clicar em CONTINUAR.


Agora pode clicar em começar a usar o blog e seu Blog está criado e pronto para se utilizado. Se tem dúvidas como fazer postagens, veja este artigo: Como fazer postagens no blog?

Se encontrar dúvida ao criar sua conta no blogger, veja o vídeo que tem essa informação.



Ler Mais...
 
Dicas, Truques e Macetes para BLOGS | by CABBALL ©2010