Algunos elementos HTML generados por Blogger, como los widgets y la etiqueta root, contienen atributos que no son estrictamente necesarios para el funcionamiento del blog y en este artículo te enseñaré a eliminarlos o modificarlos.
Situación
Cuando editas o creas un tema para Blogger, cada vez que guardes los cambios, se añadirán automáticamente algunos atributos, mismos que tendrás que eliminar constantemente y puede ser un poco tedioso, como por ejemplo en la etiqueta <html> o root:
<html dir='ltr' lang='es'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
...
</html>Otro caso es el de los widgets, que también contienen atributos que se usan para identificarlos pero que no son necesarios para su funcionamiento. Por ejemplo, el widget de Entrada destacada genera el siguiente código:
<b:widget id='FeaturedPost1' type='FeaturedPost' version='2'/><div class="widget FeaturedPost" data-version="2" id="FeaturedPost1">
...
</div>Reemplazar atributos del root
Para eliminar los atributos de la etiqueta root, podemos usar la etiqueta b:attr, que nos permite borrar atributos cuando estos no tienen valor. Para ello debajo de la etiqueta <html> agrega:
<html dir='ltr' lang='es'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<!-- Borrar atributos -->
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:data' value=''/>
<b:attr name='xmlns:expr' value=''/>
...
</html><html dir='ltr' lang='en'>
...
</html>Reemplazar atributos de los widgets
En el caso de los widgets, el código debe ser ubicado en la inclusion principal "main", justo al inicio, por ejemplo, para el widget de Entrada destacada se vería así:
<b:widget id='FeaturedPost1' type='FeaturedPost' version='2'>
<b:includable id='main'>
<!-- Borrar atributos -->
<b:attr name='id' value=''/>
<b:attr name='data-version' value=''/>
<b:attr name='class' value='custom-class'/>
...
</b:includable>
</b:widget><div class="custom-class">
...
</div>En este caso, hice que el atributo id y data-version fueran eliminados, pero en el atributo class reemplacé su valor por custom-class. Al final, la etiqueta HTML que genera el widget queda limpia con menos atributos.
Conclusión
Con estas sencillas líneas de código, podrás eliminar atributos obligatorios de Blogger y hacer que tu código sea más limpio y fácil de leer. Esto puede ser útil si estás creando un tema para Blogger.
Si tienes alguna duda, puedes dejarla en los comentarios. Si te gustó este artículo, compártelo con tus amigos y suscríbete mi canal de telegram para recibir más artículos como este.
