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.

Atualização: É possível colocara o gadget sem título

O modo mais simples de excluir o título do gadget é adicionado <h2><h2> no campo onde coloca o título do gadget e blogger aceita sem mandar a mensagem de erro de formulário, após eu ter feito o post abaixo, a Gizaa Veiga comentou que tem uma forma simples e encontrei o post dela, Gadget sem título, fui testar, e deu certo, espero que continue, quem poderia imaginar, colocar tag Html no campo para título e o blogger exclui ele. Isso pode ser feito em um novo gadget ou ao editar um gadget que já existe

Dava para adicionar um gadget sem título, mas, por alguma motivo está aparecendo uma mensagem de que o campo deve ser preenchido, espero que isso mude, pois, precisar adicionar Css para esconder o título é xarope. Tem locais que não fica legal um título, é desnecessário, como no topo, por exemplo a busca, quem não percebe o que é apenas olhando? Tem o botão que diz pesquisar, pra que título? Se liga blogger!

É algo fácil para alguns e difícil para outros, é até aconselhável fazer isso num blog de testes, para entender praticando e sem medo/risco de errar, pois, tratando-se de códigos, um caracter faltando ou no local errado da problema e não existe uma formula mágica, se isso é novidade para você, faça com calma.

Talvez esse procedimento não funcione para quem usa Templates que não são do blogger(templates baixados da web)

Você quer um gadget sem título precisará adicionar ele com o título e depois localizar o título no Html e descobrir o ID dele, cada gadget tem um ID para diferenciar ele de outro.

Aqui no texto, as vez você verá id em letras maiúsculas e minúsculas, da tudo no mesmo, só uso em maiúscula as vez para chamar a atenção.

A primeira coisa é criar o gadget e dar um título para ele ou, dar um título para um gadget que já existe, vamos supor que o título seja TITULO APAGAR.

É bom entender que o título faz parte do gadget, e o gadget recebe um nome interno no html, uma ID

• Se o gadget foi criado usando a opção Html/Javascript do blogger ele se chamará HTML1 ou HTML2 ou HTML3 e assim por diante, é bom não confundir, esses são apenas nomes dados, não são tags Html
• Se o gadget é um gadget do blogger como o arquivo, perfil, seguidores, o nome será outro e, você terá que descobrir o nome ID do gadget que quer retirar o título

Por esse motivo você precisará achar o ID do gadget para ocultar o Título dele.

Achar o ID do gadget e ocultar o Título

1. Acesse o blogger.com
2. Clique em Design
3. Clique em Editar Html
4. Clique em Baixar modelo completo
5. Localize o gadget usando o nome do título que você deu a ele(TITULO APAGAR)

   Você pode usar as duas teclas de atalho Ctrl + F para localizar mais rápido. Assim que encontrar o título, pode tentar apagar ele e salvar para ver se da certo, se não funcionar continue.

   
   
6. Ao encontrar o título no Html, o Id do gadget estará um pouco antes ou acima do título encontrado

   Você poderá se deparar com um Id parecido com: id='HTML5' mas o mome do gadget varia e poderá ser outros parecidos com id='HTML3' ou se for um gadget do blogger como o seguidores talvez será id='followers' ou no caso do arquivo poderá ser id='BlogArchive1' ou coisas parecidas mas o que estiver após id=' e entre as aspas é o nome Id do gadget e é com ele que você vai trabalhar.

7. Após ter encontrado seu Id do gadget, copie ele, agora, na mesma página de Editar Html do blogger localize o final de seu Css que é:

   ]]></b:skin>

8. Exatamente uma linha acima do final do Css, adicione o código abaixo, mas, substitua HTML5 pelo Id que você encontrou em seu Html:

   #HTML5 h2 {display:none;}
   
   Entenda melhor o Css:
   Esse caracter # avisa o Css que você estará estilizando uma Id ou algo que está numa Id e, logo após, encostado no caracter # você coloca o nome da Id, no caso o meu exemplo HTML5 e depois de um espaço em branco você coloca o que você vai estilizar, que é o h2, o h2 é a tag de título e entre chaves {o estilo} no caso, display:none que significa não exibir. Estamos usando o Css para mandar que não exiba o título do Id HTML5
   Ao usar o código acima no seu Css não esqueça de substituir HTML5 pelo id que você encontrou(passo 5)

9. Clique em SALVAR MODELO
   

A imagem é um pouco diferente do que você verá
Clique para aumentar

Leia com atenção:
Os procedimentos acima apenas oculta o título, no Html ele ainda existirá, e é recomendável você ir em editar o gadget e substituir o título por um ponto final, dessa forma o blogger vai aceitar esse caracter como título, isso deve ser feito porque os sites de busca não gostam de palavras ocultadas, só para evitar que seu blog seja rebaixado nas buscas.

Detalhes, alguns modelos podem usar outra tag para título, no lugar de H2 pode existir h3, h4, h5, h6 e duvido muito, mas pode ter h1, nesses casos, visite seu blog e clique em >Exibir, ou botão direito do mouse sobre um texto de seu blog >Exibir código-fonte, e localize seu título e observe que tag tem após ele, se estiver correto será um h2 e estará parecido com </h2>

• Mudar fundo, fonte e cores do gadget do BlogSpot
• Mudar tamanho e cores do título dos gadget do blogger
• Recuperar gadget excluido por acidente no blogger
• Como excluir um Blog do blogger
• Excluir comentário no post do BlogSpot