Postagens | Dicas blog, Imagem, Pc Windows

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á existecolocar gadget sem titulo no blogger



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

  10. A imagem é um pouco diferente do que você verá
    Clique para aumentar
    excluir não, ocultar titulo de gadget no blogger com Css



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>

10 comentários:

  1. Olá!!!
    Vc tem sempre dicas ótimas (eu mesmo já usei várias que vc deu),mas nesse caso eu sei de um jeito mais fácil...hehee
    Postei nomeu blog até, da uma olhada, tenho certeza que seus leitores irão gostar... (e se preferir não publique este comentário)

    Bjãooo

    ResponderExcluir
  2. ops! Foi publicado, mas fique a vontade para excluir...

    Sucesso pra ti! bjuss

    ResponderExcluir
  3. Gizaa Veiga

    Obrigado, eu não pensei que fosse possível uma coisa assim, porque é um campo para textos e não códigos, o interessante é que um código para título exclua o mesmo no blogger, a meu ver isso é um bug, mas uma que veio para facilitar a ratiada deles, porque antes você podia deixar o campo em branco e agora não, uma coisa é mandar a mensagem de alerta, outra é impedir que o gadget seja salvo.

    Sua dica veio em boa hora, algumas pessoas iriam quebrar a cabeça para fazer usando Css, em pensar que perdi meio domingo pensando uma forma de explicar como identificar o gadget e usar Css para ocultar o título.

    ResponderExcluir
  4. legal mas queria saber mesmo é como colocar menu nesse novo formato de blogspot.

    num ta aceitando mais rsrs

    ResponderExcluir
  5. Vinilocomelo

    Se você usava o clássico, o novo é diferente, ele não aceita alguns códigos no Html, você deve escolher a opção Adicionar um gadget(veja aqui) e escolher a opção Html/Javascript para colocar códigos diversos, se tiver problemas em adicionar códigos na lateral, tente ver aqui

    ResponderExcluir
  6. Voltei... Fico muito feliz da dica ter sido útil, eu começei a mexer nos códigos a pouco tempo e depois que fiz o comentário ate fiquei com medo de ter falado besteira(sei lá se poderia dar problema nos códigos do blog depois) ,mas falei por que sabia que dava certo assim...:)

    bjãoo

    ResponderExcluir
  7. Olá pessoal...

    Eu queria saber se vcs poderiam, me ajudar..
    Fui aceito no google adsense e acabei de colocar os anuncios no meu blog...

    Só que adicionei um gadget html/javacript
    e coloquei em cima postagens no blog....

    e ñ coloquei o titulo no gadget
    mas ainda ficar aparecendo um pouco do gadget..

    sera q tem como ocultar o gadget sem o ocultar os anuncios tbm...

    Meu site é..
    veja no meu perfil.. o site..

    da uma olhadinha lá pra vcs ver como ficou...

    se puderem me ajudar...

    ResponderExcluir
  8. Rafael Silva

    Em algum lugar do código você pode ter deixado uma palavra que parece um título, se é código do aAdsense você pode ir no site do Google Adsense e copiar novamente o código, e, substituir por aquele que está dando problema, mas, substitua-o por completo, se você deixar um caracter ou colocar um caracter a mais ou a menos pode dar problema

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Postagens Populares