Muitas vezes, depois de colocar um código no nosso template para adicionar qualquer efeito sobre o blog, algumas pessoas têm problemas quando querem retirar, se não gostam dos resultados
A solução seria um sinal na entrada do código, a fim de localizá-lo depois do fato.
Estes sinais geralmente são utilizados em templates, de forma incorreta. Muitos cometem um erro que, embora às vezes o Blogger aceite (salva as alterações sem problema aparente), às vezes podem causar certas coisas como o blog parar de funcionar corretamente.
Existem duas formas de marcar qualquer coisa que nós adicionamos no modelo para reconhecê-lo mais tarde, que é usado apenas na parte da CSS e outro que é usado no HTML.
Como distinguir o CSS do HTML , no template?
O CSS do nosso template é todo o código que está incluído entre as tags <b:skin><![CDATA[/* e ]]></b:skin>.
A partir de (]]></b:skin>) até o final do código do modelo, pode-se dizer que é o código HTML.
Sinalizar o que adicionamos no CSS
Suponha que eu vou adicionar algumas linhas de código no CSS, se você olhar em um modelo original do Blogger, vemos que, por exemplo, quando começa a parte de comentários, há algo assim:
/ * Comentários
------------------------------------------------------- * /
Este é um sinal que indica que este é o lugar onde todo o código, incluindo CSS, que precisamos implementar para administrar o formulário dos comentários.
Se estamos procurando o lugar para incluir qualquer alteração no blog, e temos que colocar no CSS, então localizamos o trecho ]]></ b: skin> e colocamos este trecho antes dele, confiantes de que estaremos indo no lugar certo.
Se é um código eventual de algo que queremos adicionar e testar no blog, podemos ter o controle da sua localização para encontrá-lo sempre que precisarmos fazer alguma modificação, marcando-o com os sinais citados no inicio deste artigo.
Suponha, por exemplo, que é algo para controlar o gadget "Últimos Comentários". Então poderia colocar no início deste código, algo assim:
/ * Últimos comentários gadget
------------------------------------------------------- * /
E até mesmo algo menos complicado que vai igualmente servir o nosso propósito:
/ * Gadget do últimos comentários * /
Sinalizar o que adicionamos no HTML
Como dissemos antes, a partir da tag ]]></b:skin> até o final do código do modelo pode-se dizer que é o HTML, mas com o cuidado apenas para não incluir qualquer coisa entre o </head> e <body>.
Para sinalizar o que queremos incluir no HTML, faríamos desta maneira:
<! - Script de comentários recentes ->
E para tornar ainda mais visível, pode até marcar o código com inicio e fim, como este:
<! - Início do script de comentários recentes ->
AQUI ADICIONAR O NOVO CÓDIGO
<! - Fim do script de comentários recentes ->
Fazemos isso porque os navegadores não interpretam o que está incluído dentro desses rótulos, ou seja, não será exibido na "visão real" do blog.
Isso poderia ser também muito útil se, por exemplo, queremos mudar de lugar, alguma coisa no template, possamos recuperar a posição original.
Imagine que, se eu colocar o link para "comentários" abaixo do título dos meus posts, poderei alterar posteriormente, sem dificuldades.
Teria, então, para localizar o código para o link e copiá-lo para colá-lo onde quisermos, mas antes de marcar o código original da seguinte maneira:
<!--Início do link de comentários abaixo do título
AQUI LINK ORIGINAL PARA COMENTÁRIOS
Final do link de comentários abaixo do título -->
Assim, se quisermos recuperar o link para comentários na parte inferior de entradas só teremos que remover as adições e novamente será exibido em sua antiga posição (original) no template porque você impediu que navegador possa interpretar e exibir no blog.
Original em espanhol El Escaparate de Rosa
Gracias Rosa, por compartir sus conocimientos!
2 comentários:
Muito bom o post, bem explicativo.
Realmente a sinalização do código facilita muito as coisas.
Postar um comentário
Obrigada pela visita e pelo comentário!