Criar Sites » Blogger

O que são e como adicionar páginas estáticas no Blogger

Celso Lemes — Fri, 11 Nov 2011 11:00:12 +0000

Há algum tempo o Blogger (ou Blogspot para quem preferir) fez uma atualização em seu painel de controle e adicionou uma nova função que permite criar páginas estáticas (ou páginas autônomas como se refere o Blogger), coisa que já está presente no WordPress há muito tempo e que era solicitado pelos usuários do Blogger.

O que são as páginas estáticas

As páginas estáticas se diferem dos posts pelo fato de que ao serem publicados, elas não são adicionadas a listagem cronológica que acontece com os posts, sendo muito úteis para criar páginas com formulários de contato, política de privacidade, página de parcerias, página sobre mim/autor e etc.

Você pode conferir um exemplo de páginas estáticas em meu blog de teste.

Como criar uma página estática

Para criar uma nova página estática, acesse o painel de controle do Blogger, clique em “Postagem“, em “Editar Páginas” e no botão “Nova Página“.

Se estiver utilizando o novo painel, o processo é mais ou menos parecido.

Na nova página que aparece, basta adicionar o título, inserir as informações que a página conterá e clicar em “Publicar Página“. Lembrando que você pode criar até 20 páginas estáticas.

Como adicionar os links das páginas ao template

Depois que você criar as páginas estáticas de seu blog, provavelmente elas não estarão acessíveis através do template, sendo necessário adicioná-las manualmente. Para fazer isso, ainda no painel de controle, clique na aba “Design” e na nova página em “Adicionar um Gadget“.

Se estiver utilizando o novo painel, clique em “Layout” e em “Adicionar um Gadget“.

Dica
Os Gadgets estão presentes abaixo do cabeçalho, no menu de navegação, e em alguns casos no rodapé do template, portanto você pode escolher o melhor lugar de acordo com sua preferência.

Na janela que se abre, encontre as “Páginas” e clique sobre o símbolo de +.

Agora faça as configurações desejadas, clique em “Salvar” e pronto! As páginas estáticas já devem estar aparecendo em seu blog.

Gostou deste artigo? Ainda tem dúvidas? Deixe um comentário e aproveite para divulgar nas redes sociais.

Mais Artigos que você pode estar interessado

Como adicionar um Favicon no Blogger BlogSpot

Celso Lemes — Mon, 24 Oct 2011 11:00:49 +0000

Recentemente o Blogger (também chamado de Blogspot) fez uma atualização em seu painel de controle, alterando o modo de executar várias funções. Uma delas é o modo de adicionar um favicon, que agora está bem mais fácil.

Para quem não sabe, o favicon é um pequeno ícone que permite customizar seu site ou blog com uma pequena imagem que aparece na barra de endereços, nas abas dos navegadores e nos favoritos, como pode ser visto aqui no CriarSites.com

Como criar o favicon

O primeiro passo é criar o favicon que deve ter o tamanho de 16×16 ou 32×32 pixels e estar nos formatos gif, jpg, ico, png e etc.

Você pode criar esta imagem utilizando um editor de imagens como o PhotoShop ou Corel Draw ou então utilizar um serviço grátis de criação de favicons como é o caso do IconJ.

Para criar sua imagem, acesse o site do IconJ, clique em “Pic to Icon Converter” para carregar uma imagem que esteja em seu computador ou utilize o “Pixel Icon Generator” para converter sua imagem em pixels ou escolha um dos “Favicons animados“. Salve a imagem em seu computador.

Como adicionar o favicon no Blogger

Agora que você já criou seu favicon, acesse o painel de controle de seu blog no Blogspot, clique na aba “Design” e no campo “Favicon” clique em “Editar“.

Na nova janela que aparece, carregue a imagem que você salvou anteriormente em seu computador e clique em “Salvar“.

Pronto! Seu favicon já está configurado em seu blog, no entanto, pode ser que você só passe a ver ele depois que apagar o histórico de navegação de seu navegador de Internet.

Gostou deste artigo? Tem mais dúvidas sobre o Blogger? Deixe um comentário.

Mais Artigos que você pode estar interessado

Crie um Blog com o Blogger / BlogSpot

Celso Lemes — Sun, 10 Oct 2010 14:19:43 +0000

O Blogger ou BlogSpot é um serviço de criação de blogs oferecido gratuitamente pela empresa Google, onde você poderá criar o seu blog sem muita dificuldade, para compartilhar ideias, fotos, vídeos e muito mais…

Os blogs criados no Blogger, são hospedados diretamente em seus servidores, ou seja, você só precisa criar uma conta gratuita, fazer algumas configurações iniciais e começar a publicar seus posts (é como as páginas são chamadas em um blog).

O Blogger conta com milhares de pessoas que ajudam a melhorar a plataforma, criando templates para todos os gostos, que permitem customizar a aparência do blog sem a necessidade de ter conhecimentos avançados sobre edição de imagens ou programação.

Você também poderá encontrar centenas de widgets, que permitem adicionam funcionalidades extras a plataforma, modificando o modo que o blog funciona.

>> Acesse o Blogger e crie sua conta Grátis <<

Como criar sua conta grátis, confira o vídeo abaixo

Mais Artigos que você pode estar interessado

Como mudar a ordem dos títulos dos posts no Blogger

Celso Lemes — Thu, 16 Sep 2010 14:18:57 +0000

Os grandes buscadores utilizam diversos critérios na hora de definir o posicionamento de um site nos resultados das buscas, dentre eles o título das páginas é um dos mais importantes, que dependendo da forma que for utilizado, pode representar o sucesso ou o fracasso de um site em relação as visitas que ele recebe dos mecanismos de busca.

Um bom título deve conter entre 6 ou 10 palavras-chave populares e ser atrativo para chamar a atenção dos possíveis visitantes que realizarem as pesquisas nos buscadores.

Para saber mais sobre o peso que os títulos das páginas tem para os buscadores e também aprender como criar títulos mais otimizados, recomendo que leia o artigo “Como criar títulos otimizados para o Google“.

Problema dos títulos no Blogger

No Blogger existe um problema em relação aos títulos que pode prejudicar o posicionamento nos resultados das buscas, independente de o título conter palavras-chave populares ou não.

O problema é que por padrão, em todas as páginas do blog é exibido o nome do blog seguido do título do post, o que acaba valorizando mais o nome do blog ao invés do título do post. Confira um exemplo abaixo.

Isso atrapalha porque os buscadores dão mais valor para as palavras-chave que estão presentes no começo do título e vai diminuindo esse valor para as últimas palavras.

Para contornar este problema, eu encontrei um hack oferecido no blog Dedo de Ouro, que permite alterar a ordem que o título do blog e o título do post aparecem no navegador, passando a ser assim.

Você pode conferir o resultado visitando o blog “Dicas para criar um Blog no Blogspot“.

Como fazer a alteração

Para fazer esta alteração será necessário mexer o código do template. Por isso recomendo que faça uma cópia do template antes de fazer qualquer coisa (depois não vá reclamar).

Depois de fazer o backup do seu template, acesse o painel de controle do Blogger, clique na aba “Design” e em “Editar HTML”, como mostra a imagem abaixo.

Você deve alterar o código <data:blog.pageTitle/> pelo código que pode ser obtido aqui.

O resultado deve ficar assim:

Após fazer a alteração, é só clicar em “Salvar Modelo” para finalizar.

Nota
A idéia deste artigo veio de Idemir do blog Que Verdade é Essa?

Gostou deste tutorial? Ainda tem dúvidas? Deixe um comentário.

Mais Artigos que você pode estar interessado

Como comprar um domínio para o Blogger BlogSpot

Celso Lemes — Fri, 16 Apr 2010 11:48:06 +0000

O Blogger ou BlogSpot é um serviço gratuito de criação de blogs que permite criar desde blogs pessoais utilizando os templates padrões, até complexas obras de arte com templates de tirar o fôlego.

O Blogger também permite o uso de domínios próprios junto ao seu blog, passando de seunome.blogspot.com para algo como seunome.com que dará mais credibilidade e profissionalismo ao seu trabalho.

Neste caso todos os visitantes que chegarem até o endereço antigo, serão redirecionados automaticamente para o novo endereço garantindo que você não perca nenhum dos seus visitantes.

Para que isso seja possível, será necessário que você compre o seu domínio diretamente no BlogSpot, que custa 10 dólares por ano ou compre o domínio em uma empresa de venda de domínios e o configure para trabalhar com o seu blog feito no Blogger (neste caso o preço varia de acordo com a empresa).

Repare que a compra direta pelo Bloogger é recomendada para pessoas que não tem muito conhecimento sobre como os domínios funcionam, já que ele é configurado automaticamente para funcionar com o seu blog assim que você o compra.

Se você optar pela segunda opção, lembre-se de que o Blogger somente permite que a configuração seja feita editando o Cname. Caso você já tenha adquirido o seu domínio em um servidor que não permita editar o Cname você pode utilizar um serviço de redirecionamento como o EveryDNS.net. Saiba como fazer isso conferindo o post “Como configurar Domínio que possui ou não Cname” publicado no CriarBlog.info

Preparando o Blogger
Para solicitar um domínio a sua conta no Blogger, acesse o painel de controle do blog que deseja adicionar o domínio e clique na aba “Configurações” e em seguida em “Domínio Personalizado”. Confira a imagem abaixo.

Comprando o Domínio diretamente no Blogger
Caso pretenda adquirir seu domínio diretamente no Blogger, apenas insira o domínio desejado e clique no botão “Verificar Disponibilidade”. Caso ele esteja disponível, você poderá dar continuidade ao registro. Confira a imagem abaixo.

Utilizando um domínio existente
Caso você já tenha um domínio adquirido em um site de registro qualquer, você deve clicar em “Ir para configurações Avançadas” e inserir o endereço do domínio. Lembrando que será necessário que o domínio já esteja com o Cname configurado para apontar para ghs.google.com

É isso aí, espero que este artigo o ajude a tornar seu blog mais profissional. Dúvidas? Deixe um comentário.

Mais Artigos que você pode estar interessado

O que é um Blog e onde criar um

Celso Lemes — Tue, 07 Jul 2009 14:30:50 +0000

Um blog nada mais é que um site dinâmico/interativo, onde a publicação de novas páginas acontece de forma cronológica, sendo exibido a última página na primeira posição da página inicial.

Praticamente tudo o que pode ser inserido em um site também pode ser inserido em um blog, como é o caso de notícias, informações, dicas, piadas, poesias, fotografias, vídeos, arquivos para download, imagens, slide de imagens, jogos, players de músicas, enfim, tudo o que sua imaginação permitir.

Uma das diferenças em comparação dos sites que é os blogs oferecem uma área onde os visitantes podem deixar comentários, criando assim, uma comunidade de pessoas como os mesmos interesses que podem compartilhar opiniões, passar dicas ou tirar dúvidas.

Plataformas para blog
Existem diversas plataformas que podem ser utilizadas para criar seu blog, sendo o WordPress, Blogger, Movable Type, Type Pad, Code Plex alguns dos mais conhecidos.

Dentre as plataformas citadas acima, o Blogger e o WordPress são os mais utilizados, por serem gratuitos e oferecerem bons recursos tanto para usuários iniciantes quanto para profissionais.

Uma das diferenças entre estas duas plataformas, é que o Blogger não pode ser instalado fora dos servidores do próprio Blogger, já o WordPress tem duas versões que pode ser utilizado dentro do próprio servidor do WordPress.com (sem a necessidade de instalação) assim como possui uma versão que pode ser instalado em um servidor externo (neste caso é necessário uma hospedagem que suporte o WordPress).

No caso do WordPress, deve se pensar antes de optar pela versão hospedada, já que não é possível monetizar o blog com programas de afiliados como o Adsense e também porque existem muitas limitações em relação aos templates e plugins disponíveis. Neste caso é recomendado a opção instalada em um servidor externo, assim o blogueiro terá mais opções de customização da aparência e poderá monetizar o blog livremente.

Escolha qual seria a melhor opção para você e comece a blogar hoje mesmo. Blogger, WordPress.com, WordPress para instalar.

Mais Artigos que você pode estar interessado

Blogger in Draft – Editor do Blogger com mais funções

Celso Lemes — Thu, 02 Jul 2009 11:46:00 +0000

Quem já mexeu com o Blogger e o WordPress já deve saber que o Blogger deixa a desejar em muitas funções que somente estão presentes no WordPress. Porém recentemente eu descobri o Blogger in Draft (Blogger em rascunho) que é um painel de controle do Blogger que oferece todas as funções já existentes, mas que também oferece algumas funções extras que ainda estão em testes e que não estão disponíveis para todos que utilizam o Blogger.

Infelizmente eu não sou um usuário do Blogger, portanto não saberia dizer exatamente quais são os itens que foram adicionados ou melhorados, porém alguns deles que eu notei foram o autosave, agendamento automático de publicação, opção de backup, recurso desfazer, etc.

Uma coisa que chamou muito a minha a atenção foi a capacidade de adicionar códigos em HTML e Javascript diretamente no post. Isso permitiria por exemplo, adicionar os anúncios do Adsense diretamente nos posts assim como eu faço aqui no Criar Sites. Você pode conferir um exemplo visitando o meu blog de testes http://criar-sites.blogspot.com/

Você poderá saber todos os recursos do Blogger in Draft visitando o blog oficial em Inglês que fala sobre os recursos que estão sendo implantados no Blogger. Caso você não entenda Inglês, você pode conferir este blog traduzido com o Google aqui.

Dica
Quando você acessa o painel do Blogger in Draft você tem a opção de torná-lo seu editor padrão. Isso é muito útil para evitar que você insira um código em um post e depois edite este mesmo post no editor padrão. Se você fizer isso poderá danificar o código, sendo necessário inseri-lo novamente.

>> Acesse o Blogger in Draft <<

Mais Artigos que você pode estar interessado

7 passos para deixar um template do Blogspot do seu jeito

Celso Lemes — Fri, 20 Mar 2009 10:58:51 +0000

Este tutorial foi escrito por Luigi Facchinetti do blog Tatiana Malafia Fansite.

Alterar um template do Blogger é um processo simples. Consiste em pegar um template pronto com a estrutura que você deseja e editar suas imagens e cores do layout. Recomendo que crie um blog de testes, para que não haja nenhum acidente com seu blog.

Vamos ao passo a passo (vou deixar disponíveis os arquivos que utilizei para seguir o passo a passo):

1. Baixe o template para o seu computador, “clique aqui“.

2. Clique com o botão direito no arquivo e selecione “editar”. Irá abrir um bloco de notas com todo o código. Copie o código e cole em um editor HTML (Dreamweaver, FrontPage, NVU etc.)

3. Após colar o código em um editor HTML, mande localizar os seguintes termos: jpg, gif, png.

Clique na imagem para ampliar

4. Efetue o download de todas as imagens que você encontrar com os termos procurados. Salve todas na mesma pasta, e tenha o cuidado de preservar o nome original.

5. O próximo passo é editar as imagens. Para ilustrar este tutorial eu escolhi a imagem do topo e da base da postagem (denominadas “top” e “bottom”):

Top

Bottom

Agora as imagens com alguns ajustes, para deixar do meu jeito:

Top

Bottom

Você pode deixar as imagens do jeito que você quiser, apenas respeite as delimitações, como por exemplo o espaço em branco na imagem acima onde ficará o conteúdo da postagem. Respeite também o tamanho original das imagens, para que o blog não fique deformado.

Depois de editadas todas as imagens, faça upload para um hoster de imagens (ex.: imageshack). O motivo por eu ter falado para preservar os nomes originais das imagens, é que agora fica muito mais fácil para substituir no código. Localize novamente cada imagem e vai substituindo os links; isso irá trocar as imagens originais para as imagens editadas.

6. Agora as imagens estão editadas. Chegou a hora de adaptar as cores do layout (as partes que não são imagens).

1 – Defina quais cores você vai querer para Background (fundo da página), cor da Fonte, etc. Utilize o photoshop para pegar o ID das imagens (ex.: #3c67c8 – um dos azuis utilizados na minha edição da imagem). Lembre-se de utilizar cores que combinem com as que você usou para editar as imagens.

2 – Para alterar as cores, vá novamente no código e altere os valores em “Variable Definitions”:

7. Pronto, depois de todos estes ajustes, seu blog está com a sua cara! Só não esqueça de não retirar os créditos do criador do template e de usar um blog para testes durante as mudanças, e só passar o layout para seu blog original somente depois de tudo pronto e funcionando.

Visite o site Tatiana Malafaia Fansite e prestigie o autor deste tutorial.

Mais Artigos que você pode estar interessado

Como colocar vídeos do Youtube no site

Celso Lemes — Thu, 05 Jun 2008 01:55:54 +0000

Quem está começando a criar seu primeiro site, geralmente sente uma vontade incontrolável de colocar um monte de coisas legais como contador de visitas, mural de recados, imagens animadas entre outras cositas mas!

Um dos ítens que também estão nessa lista são os Vídeos do Youtube.

Eu sei disso porque esta é uma pergunta deixada com freqüência aqui nos comentários do Criar Sites. E para resolver este problema eu resolvi criar este tutorial para ensinar você que está passando por este sufoco a colocar vídeos do Youtube nas páginas de seu site.

Para começar, a primeira coisa que você deve fazer é encontrar o vídeo que deseja adicionar em seu site.

No lado direito do vídeo, você encontrará o campo “Embed” como você pode ver na figura abaixo.

Clique na imagem para ampliar

Dê um clique no campo onde se encontra o código “ fazendo com que ele se torne azul, em seguida clique com o botão direito do mouse e no menu que aparece clique em “Copiar”, para copiar o código do vídeo.

Com o código copiado, você deve colar este código na página que deseja que o vídeo apareça. A inclusão do código na página deve ser feita no modo HTML. Se você não sabe como proceder, confira as dicas abaixo:

Como incluir Vídeo no DreamWeaver CS3
Inicie um novo documento. Clique na área onde deseja que o vídeo apareça e em seguida clique no botão “Code” que fica no menu de ferramentas na parte superior do programa. Agora basta colar o código dentro do documento e publicar.

Clique na imagem para ampliar

Como incluir vídeos no WordPress
Clique na aba “Write” para iniciar um novo documento. Quando a página abrir clique na aba “HTML” que fica na parte superior do campo onde a nova página é escrita. Agora basta colar o código dentro do documento e publicar.

Clique na imagem para ampliar

Como incluir Vídeo no Blogger
Inicie uma nova postagem. Quando a página abrir clique na aba “Editar HTML” que fica na parte superior do campo onde a nova postagem é escrita. Agora basta colar o código dentro do documento e publicar.

Clique na imagem para ampliar