Retirar barra navbar que fica no topo de blogs e sites do Blogger

Vou mostrar como retirar a navbar do blogger que fica na parte de cima de blogspot e sites que usam a plataforma blogger, sem usar códigos para isso.

Para quem não sabe, a navbar é aquela barra do blogger que fica no topo e que, por padrão já vem em blogs do blogger e, agora é permitido retirar de forma eficaz e muito fácil.

Essa maneira é a mais indicada porque não vai apenas ocultar a navbar usando códigos JavaScript ou Css, vai realmente retirar a navbar e, sem uso de códigos, o blogger removerá o código Html que gera ela, e isso, além de tirar a navbar, deixa o blog mais leve para carregar. Sem a navbar o blog irá carregar mais rápido por retirar aqueles códigos e seu peso em bytes, tira também imagens e arquivos que a navbar contém, e, as solicitações de arquivos que a navbar vai deixar de fazer ajudam acelerar um pouco o blog.

O mesmo processo serve para mudar o modelo de navbar

Como inserir gadget de busca do Google em sites do blogger

Vou mostrar como colocar um gadget caixa de busca em blogs e sites que usam o sistema Blogger.com para gerenciar e postar, e, no final deste post, darei umas dicas para personalização, mas, isso será a parte e só para pessoas que entendem Css, ou, 'destemidas'.

Atualização 2014
Este gadget do blogger andou apresentando problemas, pode não funcionar mais, recomendo que use e crie um formulário de busca do Google Adsense

Tanto um blog como site deveria ter um modo de fazer uma busca interna(que exiba resultados do site ou blog), se você olhar a maioria de grandes e bons sites tem uma ferramenta de busca, geralmente no canto direito superior.

Como deixar a primeira letra maior e diferente em texto ou posts de blogs do blogger

Vou mostrar como personalizar, com Css, a primeira letra de um elemento em Html, como exemplo a primeira letra das postagens de blogs do blogger. No blogger.com, isso é feito apenas uma vez e esse efeito se aplicará a todas as postagens antigas e novas, é melhor do que personalizar cada vez que for postar.

Mudar cores e fundo do título do post do BlogSpot

Mostrarei como mudar cores e imagem do título da postagem do BlogSpot usando Css.

Importante: Você deve tentar primeiro ver se é possível fazer o que você quer no blogger, sem o uso de códigos, veja aqui:
Mudar a cor e tamanho da fonte, cor do link e fundo do BlogSpot
Aviso, este post foi baseado em modelos de 2006 do blogger e talvez não funcione para os novos modelos(criados após 2010), e, além disso é para pessoas interessadas em aprender um pouco de Css, o que para muitos é algo difícil.

É algo bastante difícil, pois o título é também um link e mais ainda devido a muitas opções de personalização que são possíveis alterar, é bom ter uma noção de Css ou disposição para aprender. O que você aprender aqui pode ser utilizado muitas vezes para outras áreas do blogger ou na maioria das páginas Html que usam css, 80% ou mais, principalmente os estilos que estão entre-chaves{}

Onde e como adiciona código Css no Blogger

Mostrarei onde começa o Css no blogger e onde adicionar alguns novos estilos Css no Html do blogger.

Atualização importante 2012:
O passo a passo indicado abaixo mudou após o blogger remover a antiga interface, veja como colocar Css em modelos do blogger, clique aqui
Se achar interessante, você pode ler algumas dicas sobre Css abaixo, mas os passos(procedimento) para acrescentar Css no blogger mudou, por isso ignore os passos abaixo e clique aqui para ver a nova maneira de acrescentar Css no modelo de blogger

Como colocar códigos Css em modelos de blogs e sites do blogger

Mostrarei como inserir códigos Css em blogs da plataforma blogger usando a nova interface.

Mudar aparência da data do título da postagem do Blogger para ficar quadrada do lado

Mostrarei um modo de dar uma personalizada na data do post de blogs do blogger, aquela data acima do título, para que ele fique um quadrado no lado do título, parecendo um botão ou um balão, mas, isso é muito difícil de fazer, você terá que ter muita atenção e seria bom que tivesse um conhecimento em Html e Css, ou muita disposição.

Problema das regras de comentário que ficam abaixo do formulário no Blogger

Mostrarei uma maneira de 'resolver' um problema do blogger na opção de resposta dos comentários, trata-se das regras de comentários que ficam abaixo do formulário de comentários, esse problema pode ser contornado usando Css, mais especificamente, usar uma imagem de fundo acima do formulário, essa imagem com as regras de comentário nela.

Eu estou usando esse procedimento em dois blogs e deu certo, porém, não é nada fácil de aplicar, precisa ler com atenção e conhecer seu blog, como ele está funcionando e o que funciona em outros navegadores, se você só usa um navegador, talvez nem esteja ciente do que ocorre, e, se seu blog tem poucos comentários ou você não se preocupa muito com o que os outros comentam em seu blog, acho que não vale a pena gastar seu tempo, até porque provavelmente o blogger vai resolver esse 'erro', aí, talvez você terá que remover o Script.

Como mudar a aparência dos comentários do blogger usando Css

Mostrarei como fazer para personalizar os comentários de blogs do blogger, usando Css.

Fontes maiúsculas com Css, exibir ou impedir, exemplo o comentário no BlogSpot

Mostrarei o código Css responsável por deixar as letras maiúsculas em sites e blogs, ou mesmo impedir que fiquem em maiúsculo, ou seja, deixar elas em minúsculo mesmo que tenham sido digitadas em maiúsculo, como exemplo vou mostrar uma maneira de evitar os comentários em 'caixa-alta' nos blogs do blogger, sem precisar pedir isso aos comentaristas, fiz isso aqui no blog, uma vez que não adiantou muito colocar o aviso nas regras para comentários.

Mudar cores de fonte e fundo de Reações e gadget de Votar com estrelas no BlogSpot

Mostrarei códigos do blogger para mudar as cores de fonte e fundo da opção Reações do usuário e da opção de votar(classificação com estrelas).
Imagens de exemplo

Postagens lado a lado na Página Inicial do BlogSpot

Mostrarei códigos para deixar as postagens uma do lado da outra em blogs do blogger, porém, quem quiser fazer isso com seu blog precisará estar preparado para 'quebrar a cabeça'. Isso só acontecerá nas páginas que agregam vários posts.

Mudar a aparência do gadget de inscrição do blogger

Criei alguns estilos Css para personalizar o Gadget de Inscrição de Feed do blogger, para quem já usa este gadget ou vai adicionar ele em seu BlogSpot é só escolher a aparência que combina melhor com seu blog e pegar o código Css abaixo.

Colocar e mudar aparência do gadget marcadores do blogger

Mostrarei como colocar e personalizar o gadget marcadores no blog do blogger

Excluir ou ocultar o título do gadget no blogger com Html ou Css

Vou mostrar como ocultar o título do gadget, já não está sendo possível adicionar um gadget ou até mudar ele sem o título, nem mesmo excluir o título no Html do blogger eu consegui.

Estilo para frase no comentário do BlogSpot

Mostrarei como personalizar as regras de comentários do BlogSpot, ou seja, uma frase ou palavra das regras de comentário e também frase do comentário do autor, usando Css.

É uma forma de usar Css para personalizar tags Html, bom para área de blogs onde você só tem permissão de usar aquelas tags, não pode colocar nada mais do que elas e texto.

A principal finalidade é dar um destaque a mais para uma regra no comentário, eu mesmo me vi obrigado a colocar em vermelho um aviso na parte dos comentários porque as pessoas não estavam respeitando, principalmente porque não liam essas regras, foi necessário algo mais do que um negrito, e raramente, também aproveitei o mesmo efeito Css de cor em palavras para usar nos meus comentários aqui no blog, quando foi preciso.

Estilo das postagens do BlogSpot com Css

Mostrarei como mudar o tamanho e cores da fonte e, o plano de fundo dos posts do BlogSpot, usando Css no Html do blogger.
Essas alterações mudam todas as postagens de uma vez.

Colocar avatar nos comentários de seu BlogSpot

Vou mostrar como permitir avatar, foto ou imagem do autor de comentário no blogger, e também como fazer para aumentar o tamanho dessa imagem, já que ela fica com um tamanho pequeno.

São 3 procedimentos, para alguns basta ativar a opção no blogger(1), mas se a imagem dos autores do comentário não aparecer, é preciso inserir o código no Html do blogger(2), e outro código Css opcional que garante imagem para todos comentaristas(3), e então, vai aparecer a imagem escolhida por você quando um anônimo ou outra pessoa que não tem foto no perfil comentar.

Atualização 2013, esse post era para interface antiga do blogger, com a nova interface isso não é mais válido e o código abaixo já não funciona, até porque o avatar de perfil do comentário virou padrão nos blogs do blogger, por isso o passo 1(ativar avatar) não existe mais no blogger, porém, para blogs com modelos de template da web mais antigos o código do passo 2 pode ser necessário

Resumo de post e link Leia mais, no BlogSpot

Vou mostrar como colocar resumo de postagem no BlogSpot, e o link Leia mais, sem precisar usar javascript, essa é uma das novidades do blogger, e é muito boa pois deixa mais rápida a página inicial e as outras que acumulam mais de um post, como páginas de marcadores(label, categoria) e páginas de arquivo.

Mudar aparência de comentário do autor no Blogger

Vou mostrar como personalizar o comentário do autor(administrador do blog) do BlogSpot, isso é muito simples, basta adicionar um código no Css do Html de seu blogger.