Como Encontrar Erros nos Códigos do Blog: HTML, CSS, Javascript
Achar códigos no blogger pode ser um desafio, mas existem ferramentas que ajudam a encontrar os problemas do código HTML ou qualquer outro tipo de código sejam imagens, vídeos, player de musica, enfim descobrir qual é o código de cada parte do site. Já mostramos anteriormente como Achar e Resolver Problemas com Códigos HTML no Blog usando uma ferramenta do Google Chrome então hoje vamos mostrar outra opção para ajudar a resolver os problemas com códigos no seu blog.
Recomendamos que vejam também:
Erros e Duvidas Comuns sobre Blog - Ajuda para Blogueiros
Erros no Blogger - Códigos Duplicados
Vamos falar sobre o Inspecionar elementos do Firefox que é simples de utilizar. Você só precisa entrar na pagina do seu blog clicar com o botão direito do mouse e escolher a opção inspecionar de elemento.
Veja na barra no final da pagina tem o botão Inspecionar então clique nele e depois passe o mouse sobre a sua pagina então você verá que o mouse seleciona automaticamente trechos do seu blog então clique em alguma parte do seu blog pode ser uma imagem, link ou qualquer outra coisa.
No outro canto dessa barra do Firefox aparecem 3 opções: visualização 3D, HTML e Estilos que usaremos para fazer testes e encontrar os códigos. O botão HTML mostra o código do trecho selecionado da sua pagina e o botão estilos mostra o código CSS, mas essa opção é interessante porque você pode desativar qualquer formatação dos estilos CSS para testar como fica no seu blog e ver a mudança na hora. Por exemplo, na imagem abaixo quando nós desmarcamos a opção de formatação do título das postagens: h1 {font-size: 16pt;}
Mais algumas dicas para resolver problemas do seu blog:
Como usar e o que é Redirecionamento de Pagina (url) do Blogger
Encontrar e Corrigir Links Quebrados no Blogger e no WordPress
Resolver Problemas de Atualizações do Blog por Email ou Listas de Blogs
Esse acessório do Firefox é bem útil para desenvolvedores de sites e blogueiros e achamos que isso pode ajudar a resolver varias duvidas sobre códigos do blogger. Mas é claro isso só vai testar e encontrar os códigos se quiser fazer alguma alteração terá que entrar na pagina editar HTML do blogger como sempre faz. Essas alterações de estilos que falamos aqui são somente testes e não altera em nada o seu blog.
Recomendamos que vejam também:
Erros e Duvidas Comuns sobre Blog - Ajuda para Blogueiros
Erros no Blogger - Códigos Duplicados
Vamos falar sobre o Inspecionar elementos do Firefox que é simples de utilizar. Você só precisa entrar na pagina do seu blog clicar com o botão direito do mouse e escolher a opção inspecionar de elemento.
Veja na barra no final da pagina tem o botão Inspecionar então clique nele e depois passe o mouse sobre a sua pagina então você verá que o mouse seleciona automaticamente trechos do seu blog então clique em alguma parte do seu blog pode ser uma imagem, link ou qualquer outra coisa.
No outro canto dessa barra do Firefox aparecem 3 opções: visualização 3D, HTML e Estilos que usaremos para fazer testes e encontrar os códigos. O botão HTML mostra o código do trecho selecionado da sua pagina e o botão estilos mostra o código CSS, mas essa opção é interessante porque você pode desativar qualquer formatação dos estilos CSS para testar como fica no seu blog e ver a mudança na hora. Por exemplo, na imagem abaixo quando nós desmarcamos a opção de formatação do título das postagens: h1 {font-size: 16pt;}
Mais algumas dicas para resolver problemas do seu blog:
Como usar e o que é Redirecionamento de Pagina (url) do Blogger
Encontrar e Corrigir Links Quebrados no Blogger e no WordPress
Resolver Problemas de Atualizações do Blog por Email ou Listas de Blogs
Esse acessório do Firefox é bem útil para desenvolvedores de sites e blogueiros e achamos que isso pode ajudar a resolver varias duvidas sobre códigos do blogger. Mas é claro isso só vai testar e encontrar os códigos se quiser fazer alguma alteração terá que entrar na pagina editar HTML do blogger como sempre faz. Essas alterações de estilos que falamos aqui são somente testes e não altera em nada o seu blog.
Marcadores: Configurações Avançadas, Ferramentas