Muitos desses templates são versões de themes para Wordpress, por isso parecem ser os mesmos do post anterior.

IMPORTANTE:

Recomendo que antes de colocar um template desses no seu blog, você o instale em um blog de teste. E pelas dúvidas, antes de colocá-lo no seu blog, faça backup do seu template atual e dos seus widgets e gadgets.

Se você não fizer isso e acabar tendo problemas, não venha chorar as morangas depois.

1 – Christmas in My Heart

Demo

2 – Merry Christmas

Demo

3 – Birdie’s Enchanted Christmas

Demo

4 – iGifts

Demo

5 – Simple Balance Xmas

Demo

6 – Blogger Template Xmas

Demo

7 – Winter Christmas

Demo

8 – Lovely Xmas

Demo

9 – Christmas V1

Demo

10 – Christmas V2

Demo

11 – Shopaholic Fever

Demo

12 – Snowman

Demo

13 – Christmas

Demo

14 – Navideño

Demo

15 – Christmas & Winter Templates

Coleção de vários templates para blogspot, na mesma página. Dois exemplos:

Christmas Warmth

Scrappy Christmas

16 – Christmas and Winter 2009

Coleção de vários templates para blogspot, na mesma página. Dois exemplos:

Template de Natal para Blogger

Template com Pinguins para Blogger

Espero que você encontre algo do seu gosto e que se adapte ao seu blog nessa lista.

Mais informação:

• Ícones de Natal e Ano Novo Para Seu Blog. Grátis! (7)
• Decore Seu Blog Para o Natal (20)
• Adicione Algo Novo (8)
• 15 Themes de Natal e Ano Novo Para Wordpress (3)
• Widget: Formulário de Contato para Blogger – Blogspot (21)

Finalmente, vou analisar aqui os resultados da enquete que eu fiz para o Desafio 21 Dias. A pergunta era:

O que você gostaria de ver neste blog em 2008?

Os resultados foram os seguintes:

- Mais dicas para melhorar meu blog ………….34%
- Mais tutoriais para Blogger – Blogspot ……..31%
- Mais dicas de monetização ……………………….17%
- Mais desafios como o “Desafio 21 Dias” …..9%
- Outro ………………………………………………………6%
- Maior participação dos leitores …………………3%

Graficamente falando:

Como se pode ver, as dicas para melhorar seu blog ganharam por pouco dos tutoriais para Blogger – Blogspot. E as dicas de monetização, que inicialmente eram o foco principal deste blog, ficaram bem atrás em relação ao dois tópicos vencedores.

Mais Qualidade, Menos Monetização

Isso vai de encontro ao novo rumo que eu decidi dar ao Blosque em 2008: maior foco na qualidade e usabilidade do blog, e menor em técnicas de monetização própriamente ditas. As razões para essa decisão (que se revela acertada com a enquete) foram duas:

1 - Não adianta aprender técnicas e segredos de monetização, se o seu blog é uma bosta frita. Construir um blog excelente é o primeiro passo para um rendimento legal; é a fundação de tudo;

2 - O público interessado em monetização (pelo menos de forma séria, que é o que eu escrevo aqui) é restrito. Eu quero ampliar o nicho do blog, para atrair mais tráfego. Para isso, preciso produzir conteúdo que interesse à qualquer blogueiro, não só aos (futuros e estabelecidos) probloggers.

Além disso, acho muito positivo que haja bastante gente interessada em melhorar seu blog. É disso que precisamos, blogueiros dispostos a aprender e fazer a sua parte por uma Efigênia melhor. Clichê? Certamente, mas verdadeiro também.

Mais Desafios

Uma pequena parte se interessou por novos desafios, como o Desafio – 21 Dias Para Fechar o Ano Com Chave de Ouro. Outros desafios virão; mais curtos, provavelmente. Estou pensando em uma semana em Fevereiro; ainda tenho que bolar o tema do desafio.

Falta de Interesse em Participação Ativa

O que me surpreendeu um pouco foi o pouco interesse na participação dos leitores. Talvez isso se deva ao fato de a maior parte do meu público são blogueiros novatos, que estão bem mais interessados em aprender do que em participar. O que não está de todo mal.

Outras Respostas

Por último, temos a opção de colocar sua própria resposta. Essa funcionalidade parece não ter sido bem compreendida; houveram várias respostas em branco, e uma pessoa colocou seu próprio nome como resposta. Vou comentar algumas outras:

1 – Ajuda a parte para os iniciantes como eu eu to muito perdida eu não intendo nada.

Menina, me desculpe, mas 1º que nada é preciso aprender a escrever português correto. Hoje em dia muita gente pensa que isso não é importante; mas a língua (o idioma) é nossa ferramenta mais importante.

Em 2º lugar, é preciso ter paciência e aprender sobre blogs, CSS, HTML, trackbacks, como comentar em outros blog, etc, etc… eu sei que é muita coisa, mas só tem um jeito: aprender uma coisa de cada vez. Fontes de leitura, tutoriais e informação não faltam.

2 – VOCÊ

Esse aqui pensa que é engraçado. Ou eu penso que ele pensa que é engraçado, não sei.

3 – Mais mulher pelada

Esse aqui não sabia onde estava votando. Ou estava querendo me sacanear; não sei qual das hipóteses é pior.

4 – Turiais sobre como evitar que salsinhas estraguem enquetes procurando por “mulhe

A resposta tem um limíte de caracteres, mas suponho que ele quis dizer “mulher pelada”. Ainda não pude comprovar, mas acho que foi o Graveheart; eu comentei no Twitter sobre o voto anterior e ele usou isso para provar sua tese de que enquetes não servem pra nada. Na pressa por me sacanear, não deu nem pra escrever Tutoriais direito, né?

5 – Sei la !

Então, porque votou? Talvez eu não tenha deixado suficientemente claro que não era obrigatório votar, caso você não tivesse opinião nenhuma à respeito.

Finalizando: agradeço a todos os que participaram. Atenderei à todos, na medida do possível. Exceto ao cara que pediu mais mulher pelada; para isso, existem suficientes blogs caça-paraquedistas por aí.

Mais informação:

• Querido Leitor, FAQ You! (2)
• With Love, From Me, To You (14)
• Widget: Formulário de Contato para Blogger – Blogspot (21)
• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Viajando no Tempo: Meus 7 Links (8)

Contagem regressiva: faltam 3 dias para o ultimo desafio do Desafio: 21 Dias para Fechar o Ano com Chave de Ouro!

Hoje vamos trabalhar na indexação do blog. O desafio é : Faça seu Sitemap (caso não tenha um, é claro) e cadastre-o no Google Sitemaps.

Para quem usa WP, existe o plugin Google XML Sitemaps. Se eu consegui instalar essa bagaça, e fazê-la funcionar, qualquer um consegue.

Depois de gerar o sitemap, entre no Google Webmasters Tools, e siga o procedimento para cadastrar o blog e o sitemap.

Para quem usa Blogger, não é possível gerar um sitemap. O que você deve fazer é o seguinte:

1 - Entre no Google Webmasters Tools, e cadastre seu blog.

2 - Clique em “Verificar“, e escolha “Adicionar uma Meta Tag”.

3 - Copie o código que vai ser fornecido, e cole no seu HTML (Na sua conta do Blogger -> Layout -> “Editar HTML”) logo após a tag <head>.

4 - Volte ao Google Webmasters, e finalize o processo de verificação.

5 - Isso feito, clique no link “Adicionar” que vai aparecer na coluna “Sitemap“, à direita do link para o seu blog.

6 - Escolha “Incluir Sitemap Geral da Web“.

7 - No campo “A URL do meu sitemap é“, digite atom.xml

8 - Clique no botão “Adicionar um Sitemap da Web“. Pronto!

ATENÇÃO: Se você usa a função de integração do Feedburner no Blogger, este método não pode e não deve ser usado, pois além de não funcionar como sitemap, pode ocasionar penalização no Google.

Você terá de escolher entre as duas coisas. A integração do Feedburner permite centralizar todos os seus assinantes de feed; a inclusão do feed como sitemap ajuda a melhorar a indexação do seu blog. Eu prefiro usar o feed como sitemap; mas a decisão é sua.

Mais informação:

• Organize Sua Caixa de Ferramentas (36)
• Jogo dos 7 Erros (14)
• Good Blogs Hunting (11)
• Faça uma Enquete (17)
• Faça sua Sidebar Brilhar! (7)

Novidade muito legal: um formulário de contato que pode ser inserido num blog do Blogger/Blogspot. Eu já tinha apresentado aqui o serviço do Contactify – Formulário de Contato para Blogger – Blogspot. Apesar de muito útil, o serviço conta com uma desvantagem: a pessoa tem que sair do blog para enviar um contato.

Bem, seus problemas acabaram. O Contactify agora oferece, através do Widgetbox, um widget que pode ser inserido facilmente no Blogger, dentro de um post.

Contactify Widget (Beta)

Tendo criado seu link (é muito fácil, veja meu post anterior sobre Formulário de Contato para Blogger) você já pode criar seu widget. É possível definir o tamanho – tenha cuidado para dar uma altura suficiente, ou os botões de “Aceito” e “Não Aceito” não vão aparecer – a mensagem que seus leitores vão ver após enviar o contato, e inclusive o CSS.

Comentário sobre o CSS: eles não especificam parâmetro nenhum; mas experimente incluir o CSS do seu blog, e verá uma boa diferença. Como o Blogger não oferece a opção de ter um CSS incluído nas páginas do blog, eu criei um arquivinho simples de CSS, e guardei o arquivo no Google Pages. Ficou bem melhor que o formato padrão.

Se quiser copiar, clique aqui: CSS para Contactify Widget.

Após customizar seu widget, eles oferecem inclusive incluir o widget através do próprio Widgetbox, clicando em “Get Widget”, depois em “See more”, e daí em “Add to Blogger post”.

Caso prefira fazê-lo você mesmo, é só copiar o código e colar no editor HTML do seu post. A vantagem desta opção é que você pode incluir qualquer texto que achar necessário, tanto antes como depois do widget.

Para ver como fica, dê uma olhada no meu formulário de contato.

_____________________________

Em tempo: Acabo de publicar minha novíssima página de “Perguntas Frequentes”, ou, como eu a batizei: Querido Leitor, FAQ You!

Espero que seja útil. Conforme surgirem coisas novas, vou atualizando. Aceito sugestões!

Mais informação:

• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Suplemento de Trackbacks Para Blogger – Blogspot (39)
• Serviço de Utilidade Blogueira Pública (4)
• Querido Leitor, FAQ You! (2)
• Plágio e Direitos Autorais na Internet – Prevenção e Combate – Guia Completa (39)

Recebo muitas consultas, dúvidas e pedidos de ajuda por email e através do formulário de contato. Essas questões muitas vezes se repetem; então, para para facilitar a vida de vocês e a minha, vou começar a postar aqui as respostas. Não vou revelar dados específicos (nome, email, URL), para respeitar a privacidade dos leitores.

Algumas questões mais complicadas serão respondidas em posts separados. Se sua dúvida não aparece aqui, tenha um pouquinho mais de paciência que eu respondo assim que puder.

Vamos às perguntas.

1 – Curiosidades Google

P - Oi , você sabe como posso excluir as curiosidades Google do meu Adsense , porque só aparece isso.

R - As curiosidades Google aparecem quando o robô do Adsense não encontra anúncios relevantes, relacionados ao seu conteúdo. Isso pode acontecer por diversas razões; porque seu conteúdo contém palavras não apropriadas (palavrões, por exemplo) ou viola os regulamentos, por falta de conteúdo (muitos vídeos, textos muito curtos, poucos textos), falta de anunciantes relacionados ao seu tópico, etc.

A melhor forma de evitar os PSA (Anúncios de Serviço Público ou Curiosidades Google), é ter uma boa quantidade de conteúdo, bem direcionado. Utilize palavras-chave no texto e nos títulos (sem exagerar) e evite tratar de muitos temas diferentes no mesmo post.

2 – Keywords (Palavras-Chave) e Indexação

P - Boa tarde, gostaria de saber se você tem ou conhece algum hack que faça com que as tags da postagem sejam mandadas para o keywords da pagina, ou então alguma coisa que facilite isso, pois meu blog tem um sério problema de indexação, sempre a postagem quando fica na pagina inicial ela é indexada mas quando sai da página principal, ela também some da indexação do Google.

R - No Blogger não é possível colocar keywords na estrutura da página do post, somente no texto. Para conseguir uma boa indexação, você precisa: conteúdo relevante ao tópico do blog; palavras-chave no título e no texto (de novo, não exagere); e inbound links que apontem às páginas dos posts, não somente à Home do blog.

3 – Configuração de Domínio Personalizado no Blogspot

P - Direto ao ponto: adoraria seguir sua dica para colocar um domínio próprio no meu blog, mas acontece que já fiz o registro do meu domínio em outro site e as opções são apenas de configuração de DNS (primário, secundário, etc) ou redirecionamento simples. Hoje uso redirecionamento, porque não sei como configurar as DNS pro Blogger. Você tem idéia de como eu saio dessa?

R - Suponho que não fui suficientemente clara no post Como Usar Um Domínio Personalizado no Blogger – Blogspot. Se o site onde você comprou o domínio não oferece a opção de configurar o CNAME, você terá que usar o Zoneedit, conforme está explicado lá. Crie uma conta no Zoneedit, pegue os DNS que ele vai te fornecer e configure os DNS do seu domínio (no site onde você o comprou) com os valores que o Zoneedit indicou. Isso feito, você volta ao Zoneedit, e cria um CNAME lá, como está explicado no post acima citado. Depois é só configurar o domínio no Blogger, e voilá! Domínio personalizado no seu blog.

4 – Robots.txt no Blogger – Blogspot

P - Queria saber onde em meu blog coloco o robôs txt. É que antes o google indexava todos os dias, depois tive que fazer o upload do template por conta de um problema. Após isso não indexou mais.

R - Os usuários do Blogspot não têm acesso ao Robots.txt. A razão de seu blog ter deixado de ser indexado tem que ser outra, que provavelmente coincidiu com a mudança de template. Procure descobrir o que mais mudou; a frequência de postagem, a estrutura do blog, o Page Rank… muitas coisas influenciam a indexação.

Você pode experimentar incluir meta tags no Template. Embora elas não sejam uma fórmula mágica, e nem sempre sejam levadas em conta pelos robôs, podem ajudar um pouco. Eu uso 3 meta tags simples:

<meta content=’pt-br’ http-equiv=’Content-Language’/>
<meta content=’Insira suas palavras-chave aqui, separadas por vírgulas‘ name=’keywords’/>
<meta content=’Insira sua descrição aqui‘ name=’description’/>

A 1º meta tag informa que seu blog é escrito em Português; ela ajuda um pouco a evitar que os anúncios Adsense apareçam em outros idiomas.

A 2º meta tag deve conter keywords (palavras-chave) que descrevam o conteúdo do seu blog, separadas por vírgulas. Use no máximo 20 keywords, e não repita palavras – isso é considerado spam pelos robôs e pode redundar em penalização. Leve em conta que essa tag aparecerá em todas as páginas do blog; escolha palavras que descrevam os tópicos mais importantes. Elas devem informar aos robôs de quê trata seu blog.

Exemplo de metatag keywords: Adsense, Dinheiro, Dicas, Ferramentas, Afiliados, Tutoriais, Monetização, Problogger, Blogspot, Widgets, Hacks, Template, Modelo, Layout, Critérios do Adsense, Dicas Adsense, Ganhe dinheiro com seu blog, Plágio, Direitos de Autor, Blogger

A 3º meta tag é a descrição do blog; muitas vezes, os mecanismos de busca mostrarão essa descrição, quando seu blog apareça nos resultados das buscas. Escreva uma descrição chamativa, de no máximo 200 caracteres. Inclua palavras-chave, mas lembre-se de que essa descrição será lida por pessoas, e não só pelos robôs.

Exemplo de meta tag description: Aprenda a usar o Adsense. Ganhe dinheiro com seu blog – Seja um Problogger! No Blogando por Dinheiro você encontra: Programas de Afiliados; Monetização; Adsense; Tutoriais; Widgets e Hacks para Blogspot; Como Melhorar seu Blog, e muito mais!

Crie suas meta tags e adicione-as ao template logo após a tag <head>.

5 – Fonte do texto no Blogger

P - Tenho um blog no Blogger mas não consigo mudar a letra do texto. Crio uma div para ele ou mudo o CSS?

R - É melhor mudar a fonte no CSS. O mais comum é que as definições do post estejam na seção “.post” – bastaria mudar o valor “font:” para a fonte que você queira. No seu caso, vi que no seu template o texto do post está dentro de uma div – <div class=”entrybody”> – então você terá que mudar as definições de font: para essa div, que estão na seção “.entrybody” do CSS.

Para saber o nome da seção do CSS que se aplica a qualquer elemento do template, você deve olhar o código fonte da página, e procurar pelo texto desse elemento. Veja quais são as tags aplicadas à esse elemento – no caso, <div class= “entrybody”> – e depois procure no CSS pela mesma palavra – entrybody. Se a div fosse <div “class=”lalala”> você deveria procurar lalala no CSS.

6 – Retirar a NavBar do Blogger

P - Agora eu queria saber como você retirou a barra superior do blogspot?

R - Devo avisar que retirar a NavBar vai contra os regulamentos do Blogger. É decisão de cada um ficar com ela ou eliminá-la, e cada um será responsável das consequências dessa decisão. Nunca vi ninguém ter problema por causa disso, mas ninguém sabe o que o futuro trará, não é mesmo?

Isso dito, retirar a barra é muito fácil. Adicione este código ao seu template, no início do CSS, após as definições das variáveis do Blogger:

#navbar #Navbar1 iframe {
display:none;
visibility:none;
}

Pode ser que seja necessário experimentar algumas posições diferentes, para que funcione. Eu costumo colocar logo após as definições do body.

Por hoje é só. Semana que vem tem mais.

Mais informação:

• Querido Leitor, FAQ You! (2)
• About (11)
• Respondendo às Buscas – Adsense, Problogger, Monetização (3)
• Plágio e Direitos Autorais na Internet – Prevenção e Combate – Guia Completa (39)
• Novidades no Blogando por Dinheiro (0)

Usar um domínio próprio é uma estratégia importantíssima para ter um blog decente, destacável e respeitável no Blogspot. Domínio próprio é um endereço personalizado; por exemplo, www.netdinheiro.com é um domínio personalizado.

Um domínio próprio oferece muitas vantagens:

- Elimina a má impressão causada por ter a palavra “blogspot” no seu endereço;

- Se você fizer o “dever de casa” direitinho, seus visitantes mal perceberão que você usa Blogger;

- Permite que, caso você decida sair do Blogger, você conserve seu PageRank;

- Caso você mude para Wordpress, existe uma função que possibilita conservar as mesmas URLs, isto é, você não perderá indexação (ignoro se existe uma opção parecida em outros CMS);

- Enquanto você permanecer no Blogger, ele se encarregará de redirecionar as visitas vindas de seus links antigos (com blogspot no endereço) ao domínio novo;

Legal, não é? Mas para que você possa usufruir de todos esses benefícios, você precisa, primeiro que nada, colocar um domínio personalizado no seu blogspot.

DISCLAIMER:

POR FAVOR, LEIA TODO O PROCEDIMENTO ANTES DE INICIAR O PROCESSO, E SIGA AS INSTRUÇÕES CUIDADOSAMENTE.

Embora o processo seja relativamente simples, e eu mesma o tenha realizado com sucesso várias vezes, o Blogger não é a ferramenta mais confiável do mundo. Tenha cuidado, e esteja preparado para qualquer eventualidade.

Eu simplesmente estou ensinando aqui a fazer o que eu já fiz, seguindo as instruções dadas na Ajuda do Blogger, mais algumas dicas de minha própria experiência. A RESPONSABILIDADE SOBRE O RESULTADO FINAL É SUA.

Isso esclarecido, seguimos em frente.

Como eu coloco um domínio personalizado no meu blog no Blogger – Blogspot?

O primeiro passo é comprar seu domínio.

Se quiser usar um .br, deverá procurar o Registro.br, ou a LocaWeb – no momento, a única empresa autorizada a revender domínios .br (tks Manoel). Para outros domínios – .com, .org., .net, .info, etc – você dispõe de muitas opções onde comprar. Pessoalmente, prefiro o Godaddy, pois o sistema de controle total sobre os DNS que eles oferecem, facilita muitíssimo o processo. O problema é que muitos registrars (empresas que vendem domínios) internacionais só aceitam pagamento com cartão internacional ou Paypal.

Pense bem antes de escolher

Dedique um tempinho a escolher seu domínio. Lembre-se, ele vai lhe acompanhar por muito tempo; pense em como esse domínio se verá dentro de um ano, dois, cinco, dez anos. Evite palavras de baixo calão, ou que passem impressão de estupidez. Em caso de dúvida, pergunte ao Fábio como um nome pode afetar o futuro do seu blog!

Você pode usar um domínio – www.meudominio.com – ou um subdominio – www.exemplo.meudominio.com – com ou sem www. No entanto, o Blogger não aceita subdiretórios – www.meudominio.com/exemplo não pode ser usado.

Caso esteja pensando em incluir a palavra “blog” no seu endereço, leve em conta que os domínios que contêm essa palavra são bloqueados em muitos lugares.

E lembre-se: você só precisa comprar um domínio, não uma hospedagem ou host. O Blogger vai continuar hospedando seus arquivos, posts, fotos, comentários; de fato, a única mudança que você verá será no endereço de seus posts. De resto, tudo continuará funcionando extamente da mesma forma.

A única exceção seria caso você queira usar publicação FTP, isto é, hospedar você mesmo seus arquivos, utilizando o Blogger somente como CMS. O FTP permite que você faça coisas que não são possíveis com os Blogspot hospedados no Blogger, mas também tem muitas desvantagens (por exemplo, não é possível usar layouts – o FTP só funciona com o modelo clássico). Mais informação sobre Blogger e FTP aqui.

Segundo Passo – Configurando os DNS

DNS significa Domain Name System ou Sistema de Resolução de Nomes. Um servidor DNS determina aonde um determinado endereço web leva o visitante; ele relaciona o endereço web com o lugar onde o conteúdo está guardado, onde pode ser acessado. Até agora, você tem um domínio (endereço) mas ele não está apontando à lugar nenhum; nenhum servidor na Internet sabe aonde direcionar as pessoas que visitam esse endereço.

Para que seu novo domínio aponte ao seu Blog, você deve criar um CNAME (canonical name) para o seu domínio, associando-o com ghs.google.com. O procedimento exato para fazer isso depende do lugar onde você registrou seu domínio, e recomendo que você descubra isso ANTES de dar início ao processo. Vou dar dois exemplos aqui: o Godaddy e o Zoneedit.

No Godaddy:

1 - Entre na sua conta no Godaddy.

2 - Entre em My Account -> Manage Domains

3 - Clique no domínio que você quer usar, e depois em Total DNS Control And MX Records.

4 – Clique em Add New CNAME Record. Se por alguma razão você já tem um CNAME criado para esse domínio, clique em Edit (o ícone do lápis que aparece nessa linha).

5 - No campo Name, insira somente o Subdominio que você quer usar. Por exemplo, se você quer usar www.meudominio.com, insira somente www. Se você quer usar subdominio.meudominio.com, insira somente subdominio.

6 - No campo Host Name, coloque ghs.google.com

7 - Clique em Continue, e depois em Add. Se você está editando um CNAME existente, clique em Continue e depois em Update.

No Zoneedit:

O Zoneedit não vende domínios; ele serve para os casos em que o lugar onde você comprou o domínio não permite a edição do CNAME. Por exemplo, eu usei o domínio que ganhei na promoção Ganhe um domínio grátis do BrPoint, para o Blog Templates. O lugar onde o domínio foi registrado não permite edição de CNAME. Então, fui à cata de soluções, e descobri o Zoneedit.

1 - Crie uma conta no Zoneedit.

2 - Entre na sua conta. Clique em Add Zones.

3 - Bem em cima, você verá que diz “Enter domain name”, e ao lado há uma caixinha em branco. Aí é onde você deve inserir seu domínio (sem http nem www). Por exemplo, se você vai usar www.meudominio.com, digite meudominio.com e clique em Add Zone.

4 - O Zoneedit vai lhe fornecer os dois DNS que você precisa para configurar seu domínio. Volte ao painel de controle do domínio (no meu caso, no http://dominios.weblugar.net/) e insira os DNS.

ATENÇÃO: A ativação dos DNS pode demorar até 72 horas. Caso você receba uma mensagem de erro ao tentar inserí-los no seu domínio, espere mais um tempo e tente de novo.

5 - Volte ao Zoneedit. Clique no domínio que você quer usar.

6 - Clique em Aliases (CNAME). Fica no topo da página, entre outros links.

7 - No campo Alias insira seu domínio – por exemplo, www.meudominio.com

8 - No campo Actual Name digite ghs.google.com

9 - Clique em Add New Alias.

A esta altura, seu domínio está configurado para ser usado no Blogger. Como você deve ter percebido, o importante é que o domínio tenha um CNAME apontando para ghs.google.com. Caso você não esteja usando Godaddy ou Zoneedit, procure por instruções de como fazer isso na ajuda do site onde você registrou o domínio, ou consulte o suporte. Você também encontra instruções para alguns outros serviços de registro na Ajuda do Blogger (em Inglês)

IMPORTANTE: Não confunda os DNS com o CNAME. Você só terá que modificar os DNS caso o lugar onde você comprou o domínio não forneça DNS.

ghs.google.com NÃO É UM DNS; é o valor que você deve inserir no CNAME. Se a configuração do domínio pede DNS – DOIS DNS, sempre são dois DNS – use o Zoneedit como foi descrito acima. Após configurar os DNS (algo como ns1.zoneedit.com e ns3.zoneedit.com - o próprio Zoneedit lhe indicará os DNS corretos) use o ghs.google.com para configurar o CNAME.

IMPORTANTE 2 – Todos os registros de domínio oferecem a opção de Redirecionamento ou “Web Forwarding”. Essa opção permite que, quando alguém digita um determinado endereço, seja automaticamente levado à outro. Isso é extremamente útil, pois o Blogger só redireciona um endereço. Usando o redirecionamento do domínio, fazemos com que as duas versões do nosso endereço – com www e sem www – apontem ao mesmo lugar.

Por exemplo: se você configurar www.meudominio.com para usá-lo no Blogger, quem visitar http://meudominio.com vai dar de cara com uma página de erro (e vice versa). Para evitar isso, configure seu domínio para que a versão que você não vai colocar no Blogger, seja redirecionada para a versão que você vai usar.

Usando o exemplo acima, você deverá configurar o redirecionamento (ou web forwarding) de http://meudominio.com, para que ele aponte à www.meudominio.com.

Configurando o Blogger com o Domínio Personalizado

Esta é a parte fácil.

1 - Entre na sua conta do Blogger. Vá até Configurações -> Publicação.

2 - Clique em Alternar para: Domínio Personalizado.

3 - No campo Seu Domínio, insira seu domínio – aquele que você configurou previamente nos passos anteriores. Usando o mesmo exemplo, seria www.meudominio.com

4 - Clique em Salvar Configurações.

PRONTO! Agora é só esperar a propagação – isto é, que os servidores da Internet informem uns aos outros sobre seu novo endereço. Esse processo pode levar até 72 horas. Durante esse período, é possível que seu blog fique fora do ar, ou que possa ser acessado por algumas pessoas e outras não. Não entre em pânico! É completamente normal.

No entanto, se após 72 horas seu blog não tiver voltado ao normal, com o novo endereço, é hora de se preocupar. Dê uma checada em todas as configurações, veja se cometeu algum erro. Caso positivo, corrija o que estiver errado e espere novamente. Se não houver nada de errado, mas o blog continuar fora do ar, entre em contato com o suporte da empresa onde você comprou o domínio.

Quando tudo estiver funcionando corretamente, seu antigo endereço do blogspot será automaticamente redirecionado para o novo endereço. Ou seja, todos os inbound links e bookmarks que você já tenha, continuarão funcionando. E, como o redirecionamento é feito com um 301 Redirect, você conserva seu PageRank e indexação. Essa atualização não é instantânea, e é possível que nos primeiros dias você se depare com um PR 0. Tenha um pouco de paciência e tudo voltará ao normal.

Inclusive, estou estudando (juntamente com o Janio) uma forma de migrar para o Wordpress, e manter esse redirecionamento – dessa forma, você não perderá nada, absolutamente nadinha quando quiser migrar. Assim que tiver novidades concretas, publico um tutorial sobre isso.

Se você faz upload de imagens no Blogger, elas continuarão funcionando. Mais informação sobre isso aqui: O que acontece com minhas imagens quando meu blog é movido?

Se você usa o Zoundry, recomendo que faça o download de seu blog com o novo endereço. Caso contrário, as categorias terão que ser adicionadas manualmente em cada post.

Se quiser ver os domínios personalizados funcionando, acesse o Deusario (onde usei o Godaddy) ou o Blog Templates (Onde usei o Zoneedit).

E antes que você pergunte: já, já vou colocar domínio personalizado aqui.

Mais informação:

• Widget: Formulário de Contato para Blogger – Blogspot (21)
• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Suplemento de Trackbacks Para Blogger – Blogspot (39)
• Serviço de Utilidade Blogueira Pública (4)
• Querido Leitor, FAQ You! (2)

Botões de compartilhamento em redes sociais – como Facebook, Twitter e Google+ – são importantes pois permitem que seus leitores divulguem seus textos com uns poucos clicks.

O tutorial que havia neste post estava extremamente desatualizado – a maiorias das redes que ele adicionava nem sequer existem mais. Além disso, hoje já é possível adicionar redes sociais ao Blogspot de forma bem mais simples. Portanto, deletei o conteúdo.

No entanto, como eu não sou de deixar meus leitores na mão, indico um tutorial simples e atualizado: Botões para compartilhar posts nas redes sociais.

Mais informação:

• Widget: Formulário de Contato para Blogger – Blogspot (21)
• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Você Usa Gmail? Use Um Avatar (1)
• Você Sabe Como Seu Design Afeta Sua Visitação? (19)
• Você Está Mentindo Para Si Mesmo? (9)

Este é um dos Hacks para Blogger – Blogspot mais pedidos de todos os tempos: Posts Resumidos na Home Page do Blog, com link de “Continue Lendo” ou “Leia Mais” no final do resumo.

Existem outros hacks que cumprem a mesma função, de diferentes formas; mas depois de vários testes, este é o melhor, na minha opinião. Ele permite que você resuma somente os posts que desejar, como você já deve ter visto por aqui.

Vamos ao Hack! Preste atenção, pois ele está dividido em 3 partes:

I – Configurando o script
II – Modificando o Template
III – Configurando o Editor do Blogger

Na Primeira Parte, você deve escolher entre duas opções: inserir o script diretamente no seu template, ou hospedar o script externamente. Siga somente as instruções para a opção que você escolheu!

A Segunda Parte e a Terceira Parte se aplicam na íntegra à todos os casos, sem importar qual opção você escolheu na Primeira parte.

I – Primeira Parte – Configurando o Script

Devido aos problemas recentes com os scripts dos hacks, vou explicar aqui duas formas de implementar o “Leia Mais”: inserindo o script diretamente no seu template, ou hospedando o script externamente.

1º Opção – Inserindo o script diretamente no seu template

1 - Entre na sua conta do Blogger. Como sempre, faça antes um backup do seu template! Na tab “Editar HTML”, clique em “Baixar modelo completo”, e salve uma cópia do template no seu computador.

2 - Procure a tag </head>.

3 - Copie TODO o código mostrado nesta página e cole-o logo ANTES da tag </head>.

4 - Dê um preview, veja se está tudo certinho, e salve o template. A esta altura, você ainda não deveria ver nenhuma mudança no visual do blog.

Agora, você deve passar à II – Segunda Parte – Modificando o Template

2º Opção – Hospedando o script externamente

Por favor, só escolha esta opção se você tem alguma idéia de como fazer isto. Se este método lhe parecer muito complicado, é melhor optar pela 1º opção, e pronto.

1 - Faça o download do script: clique neste link com o botão direito do mouse, e salve o arquivo LeiaMais.txt no seu computador.

2 - Mude a extensão do arquivo de txt para js, no próprio Notepad. Simplesmente abra o arquivo, selecione “Guardar como” e substitua LeiaMais.txt por LeiaMais.js

3 - Faça o upload do arquivo em sua conta. Uma opção grátis para hospedar seus arquivos é o Google Pages.

4 - Coloque a URL do seu script no seguinte código:

<script src=’Insira aqui a URL do script’ type=’text/javascript’/>

Por exemplo: se eu estivesse hospedando o script na minha conta do Google pages, a URL seria:

<script src=’http://nospheratt.googlepages.com/LeiaMais.js’ type=’text/javascript’/>

5 - Entre na sua conta do Blogger. Como sempre, faça antes um backup do seu template! Na tab “Editar HTML”, clique em “Baixar modelo completo”, e salve uma cópia do template no seu computador.

6 - Procure a tag </head>.

7 - Copie o código do script, com sua URL, e cole-o logo ANTES da tag </head>.

8 - Dê um preview, veja se está tudo certinho, e salve o template. A esta altura, você ainda não deveria ver nenhuma mudança no visual do blog.

Agora, você deve passar à II – Segunda Parte – Modificando o Template

II – Segunda Parte – Modificando o Template

Tanto se você escolheu inserir o script no template, como se preferiu hospedá-lo externamente, deve seguir as seguintes instruções:

1 - Ainda em “Editar HTML”, clique na caixinha “Expandir Modelos de Widgets”

2 - Procure o seguinte trecho de código:

<div class='post-body'>
<p><data:post.body/></p>

3 – Substitua essas duas linhas pelo seguinte código:

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Leia Mais…</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>


4 - O texto em vermelho – Leia Mais… – pode ser substituído pelo texto de sua preferência.

5 - Dê um preview, veja se está tudo certinho, e salve o template. A esta altura, você ainda não deveria ver nenhuma mudança no visual do blog.

III – Terceira Parte – Configurando o Editor do Blogger

1 - Ainda na sua conta do Blogger, vá até Configurações -> Formatação.

2 - Bem em baixo, Você verá a caixa vazia do Modelo de postagem. Copie e cole as seguintes linhas dentro dessa caixa:

Digite aqui o resumo do post
<span id="fullpost">
Digite aqui o resto do post
</span>

É melhor copiar e colar este código, para não correr o risco de inserir espaços ou caracteres que impediriam o hack de funcionar. Salve as configurações.

3 - Agora, quando você entrar em “Criar Postagem”, a caixa mostrará onde você deve digitar o resumo do post (a parte que você deseja que apareça na Home, antes do link “Leia Mais…”) e onde digitar o resto do post (a parte que aparecerá somente na página do post).

Atenção: as tags <span id="fullpost"> e </span> devem permanecer intactas para que o hack funcione! Antes de publicar seu post, certifique-se de que elas não foram alteradas.

E se eu não quiser resumir um post?

Simplesmente, quando for escrever o post, delete completamente o texto que aparece na caixa do texto da postagem. Não se preocupe; cada vez que você for criar um novo post, o texto que indica onde digitar o resumo e o resto do post reaparecerá.

Você escolhe se quer resumir o post ou não, e o link de Leia Mais só aparecerá nos posts que foram divididos com o <span id=”fullpost”>. Não é genial?

Observação: o Ramani avisa no post original do hack que se você clicar no link “Postagens Mais Antigas”, é possível que o link “Leia Mais” apareça mesmo em posts antigos que não foram divididos seguindo o hack. Ele explica que este é um problema conhecido, para o qual ele ainda não encontrou solução.

Eu acho que este é um preço pequeno a pagar, para ter seus posts resumidos/com sumário e link “Leia Mais” no Blogspot. Eu mesma não vi esse problema aqui no Blogando, pelo menos ainda. Mas a decisão é sua, é claro.

Observação 2: Se você usar este hack, lembre-se de incluir um link ao Hackosphere (o blog do autor do hack) na sua sidebar ou num post. É o mínimo que podemos fazer para agradecer, não é mesmo?

Observação 3: Obrigada ao Felipe Xavier por descobrir qual era o problema com o código!

Mais informação:

• Widget: Formulário de Contato para Blogger – Blogspot (21)
• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Suplemento de Trackbacks Para Blogger – Blogspot (39)
• Serviço de Utilidade Blogueira Pública (4)
• Querido Leitor, FAQ You! (2)

Importante - Se você quer Posts Relacionados para o Novo Blogger, você deve escolher entre estes dois posts:

Widget de Posts Relacionados para Blogger – Blogspot
Lista de Posts Relacionados para Blogger – Blogspot

Bem, como vários leitores estavam interessados em um hack de Posts Relacionados para o Blogger Clássico (ou Antigo, ou Velho, como queiram) eu fui procurar um, e achei.

Eu não uso Blogger Clássico, então, não sei que tão bem funciona este hack. Quem for usá-lo, por favor volte depois para contar se funcionou, assim eu compartilho essa informação com outros leitores, ok?

Este hack usa a função de busca de “palavras no título da postagem” da Pesquisa Google de Blogs (Google Blog Search). Ele procura posts anteriores, com títulos que contenham ao menos duas palavras não-triviais (por, com, que, são palavras triviais) em comum com o título do post onde a lista está sendo mostrada.

Instalando o Hack de Posts Recentes no Blogger Clássico

1 - Entre na sua conta no Blogger. Escolha o blog que quer editar: clique em Modelo->Editar HTML.

IMPORTANTE: sempre faça back up antes de modificar seu layout. Copie todo o código HTML num arquivo TXT, e salve uma cópia em seu HD.

2 - Procure esta tag:

<$BlogItemBody$>

3 - Adicione este código APÓS a tag <$BlogItemBody$> :

<ItemPage>
<script language=”Javascript”
src=”http://www.anniyalogam.com/scripts/relatedposts-blog.php?
url=<$BlogItemPermalinkUrl$>&blog=<$BlogURL$>”>
</script>
</ItemPage>

4 - Salve as alterações. Pronto!

Se tudo correr bem, a lista de Posts Relacionados aparecerá – somente nas páginas de postagem – logo depois do corpo do post. Caso não existam posts que preencham as condições da busca que eu expliquei acima, não aparecerá nada.

O único problema que eu vejo que pode haver com este hack é o idioma; o hack foi desenvolvido em inglês, e ignoro como o critério para “palavras triviais” se aplica em outros idiomas. Como eu disse, vocês terão que experimentar e me contar. Espero que este hack seja útil!

Fonte do Hack: Hackosphere

Mais informação:

• Widget: Formulário de Contato para Blogger – Blogspot (21)
• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Suplemento de Trackbacks Para Blogger – Blogspot (39)
• Serviço de Utilidade Blogueira Pública (4)
• Querido Leitor, FAQ You! (2)

Você já instalou a Lista de Posts Relacionados, mas o Título da lista não aparece? Quer mudar a fonte, o tamanho ou a cor da letra? Vamos lá:

1 - Entre na sua conta do Blogger. Vá até a tab “Editar Html”, clique em “Expandir modelos de widgets”.

2 - Procure esta linha de código (que você adicionou durante a instalção do hack):

<p class=’post-footer-line post-footer-line-3′/>
<b:if cond=’data:blog.url != data:blog.homepageUrl’>Posts Relacionados</b:if>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Esse é o código que vamos editar para alterar a aparência do Título.

3 - Se você tem alguma outra coisa na terceira linha do rodapé – por exemplo, o Widget “View Blog Reactions” do Technorati – provavelmente o Título “Posts Relacionados” está ao lado dele, em vez de estar em outra linha. Para solucionar isso, insira duas tags <br/> no lugar indicado:

<p class=’post-footer-line post-footer-line-3′/>
<br/><br/><b:if cond=’data:blog.url != data:blog.homepageUrl’>Posts Relacionados</b:if>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

4 - Se o Título não aparece, provavelmente ele tem a mesma cor que o fundo da página. Ou talvez você gostaria de destacá-lo melhor. Você pode modificar isso facilmente, bem como o tamanho, e qualquer outro estilo que se possa aplicar com CSS. Para isso, você tem que adicionar as tags <span> e </span>, com os devidos valores, no lugar indicado:

<b:if cond=’data:blog.url != data:blog.homepageUrl’><span style=’font-size:150%; font-weight:bold; color:red;’>Posts Relacionados</span></b:if>

Os valores em AZUL são os que você pode modificar.

font-size:150% Aumente ou diminua o número, para aumentar ou diminuir a fonte. 100% sé o tamanho normal.

font-weight:bold Bold significa que o Título vai aparecer em negrita. Se não quiser a negrita, substitua bold por normal

color:red Esta é a cor da fonte. Você pode subsituir red por qualquer outra cor (em inglês): black, green, blue..

Lembre-se de não inserir espaços ou caracteres, e de não deletar nada. Se você entende de CSS, pode dar o estilo que quiser ao título, usando esse <span>.

5 - Se a lista aparece com vinhetas ou não, depende do seu CSS. Você pode alterá-lo, mas isso é com você. Os templates variam na forma como os estilos são criados, e eu não tenho como (ou pelo menos não descobri ainda uma forma de) ensinar como alterar a formatação da lista, que sirva para todo mundo. Se eu descobrir, faço um update deste post.

Bem, por agora é só isso. Obrigada ao Anderssauro por inspirar este post!

Mais informação:

• Widget: Formulário de Contato para Blogger – Blogspot (21)
• Widget de Posts Relacionados para Blogger – Blogspot (84)
• Suplemento de Trackbacks Para Blogger – Blogspot (39)
• Serviço de Utilidade Blogueira Pública (4)
• Querido Leitor, FAQ You! (2)