La solución sería señalizar ese código en la plantilla para poder localizarlo posteriormente sin problemas.
También he visto a menudo emplear esta señalización en las plantillas de forma incorrecta. Muchos cometen un error que si bien Blogger a veces admite (guarda los cambios sin aparente problema) en ocasiones puede provocar que ciertas cosas en el blog dejen de funcionar correctamente.
Hay dos formas de marcar cualquier cosa que añadamos en la plantilla para reconocerla después, una que se emplea solamente en la parte del CSS y otra que se usa en la parte de HTML.
¿Como distingo el CSS del HTML en la plantilla?
El CSS de nuestra plantilla es todo el código de la misma que está incluido entre las etiquetas <b:skin><![CDATA[/* y ]]></b:skin>.
Desde esta última etiqueta (]]></b:skin>) hasta el final del código de la plantilla podríamos decir que eso es el código HTML.
Señalizar lo que añadimos en el CSS
Supongamos que voy a añadir unas líneas de código en la parte del CSS, si nos fijamos en una plantilla original de Blogger vemos que, por ejemplo, cuando comienza la parte de comentarios hay algo así:
/* Comments
------------------------------------------------------- */
Esto es una señal que nos indica que ahí es donde está incluido todo el código CSS que necesitamos manejar para el diseño de los comentarios.
Si estamos siguiendo una entrada para incluir cualquier cambio en el blog y se nos indica "colocar en la parte del CSS", localizaríamos entonces la etiqueta ]]></b:skin> y colocaríamos ese código antes de la misma, de esta manera estaremos seguros de que va en el lugar correcto.
Si además es un código eventual o sencillamente nos gusta tener todo controlado, lo marcamos de la forma que antes indicaba.
Supongamos, por ejemplo, que es algo para controlar el gadget de "últimos comentarios", podríamos poner a comienzo de ese código algo así:
/* Gadget de últimos comentarios
------------------------------------------------------- */
E incluso algo menos complicado que servirá igualmente a nuestros propósitos:
/* Gadget de ultimos comentarios */
Señalizar lo que añadimos en el HTML
Como ya dijimos antes, desde la etiqueta ]]></b:skin> hasta el final del código de la plantilla podríamos decir que eso es el código HTML, aunque con la única precaución de no incluir nada entre las etiquetas </head> y <body>.
Para señalizar cualquier cosa que queramos incluir en la parte del HTML, lo haríamos de esta manera:
<!-- Script de últimos comentarios -->
Y para asegurarnos aún más de tenerlo bien controlado, incluso podrías marcar el código a comienzo y principio de este:
<!-- Inicio del script de últimos comentarios -->
AQUI IRIA EL CODIGO QUE AÑADIMOS NUEVO
<!-- Final del script de últimos comentarios -->
Lo hacemos así porque los navegadores no interpretarán lo que esté incluido dentro de esas etiquetas, es decir, no se mostrará en la "vista real" del blog.
Esto podría sernos también muy útil si, por ejemplo, queremos trasladar algo de sitio en la plantilla de forma que después podamos recuperar la posición original.
Imaginemos que quiero colocar el enlace a "comentarios" debajo del título de mis entradas, pero no quiero perderlo al pie de las mismas por si algún día me interesa volver a mostrarlo ahí de nuevo.
Tendríamos entonces que localizar el código que corresponde al enlace y copiarlo para pegarlo donde nos interesa, pero antes marcamos el código original de esta manera:
<!-- Inicio de enlace de comentarios a pie de entrada
AQUI IRIA EL CODIGO ORIGINAL DEL ENLACE A COMENTARIOS
Final del enlace de comentarios a pie de entradas -->
De esta forma si alguna vez queremos recuperar el enlace a comentarios a pie de entradas solo tendríamos que eliminar lo añadido para que este se volviera a mostrar en su sitio, ya que lo único que habríamos hecho sería evitar que el navegador lo interprete y lo muestre en el blog.