al pulsar sobre el enlace se dirige el navegador a una dirección a la cual se le pasa la página y alli se procesa mediante un programa en el lado del servidor el cual hace todas las modificaciones que no se pueden hacer en el template para que el blog sea valido blog modificado totalmente valido

martes, 9 de diciembre de 2008

Pasos a seguir hacer un blogger valido W3C HOWTO Validate Blogger

Borra en el template
todas las lineas que encuentres de tipo
"-----------------------------------------------------"


1.- borrar target='_blank'
buscar el atributo class anterior y cambiarlo por rel='NuevaFuncionalidad'

2.- añadir despues del <dl id='comments-block'>
lo siguiente:
<b:if cond='data:post.numComments==0'>
<dt/>
</b:if>


3.- añadir en la zona de los estilos justo antes de la line ]]>
lo siguiente
/** modificacines accesibilidad*/
.sinBorde
{
border : 0;
}
.centradoVertical
{
vertical-align: middle;
}



4.- buscar en el template con el marcado de expandir artilugios
<img
leerla y añadir alt='' en caso que no tenga, puedes añadirlo al final , justo antes de />
como por ejemplo en
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
cambiarlas por
<img src='http://www.blogger.com/img/icon_delete13.gif' alt=''/>

5.-borrar border='0'
buscar el atributo class anterior y añadir sinBorde en caso que no exista crearlo despues de la etiqueta
ejemplos
<img class='comment sinBorde' src='.......
<span class='sinBorde'

6.-borrar align='absmiddle'
buscar el atributo class anterior y añadir centradoVertical en caso que no exista crearlo despues de la etiqueta
ejemplos
<img class='comment centradoVertical' src='.......
<span class='centradoVertical'


GADGETS
1.-General:
los iframes hay que sustituirlos por objects, las img deben contener atributo alt , las listas deben tener al menos un elemento li
para sustituir los iframes por objects hay que cambiar las dos etiquetas de iframe por la palabra object y la palabra src que encontraremos entre medias cambiarla por la palabra data, como el ejemplo
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=673449746284806994&blogName=completamente+Valido+Est%C3%
A1ndares&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&homepageUrl=http%3A%2F%
2Fcompletamentevalido.blogspot.com%2F&searchRoot=http%3A%2F%2Fcompletamentevalido.blogspot.com%2Fsearch" marginwidth="0" marginheight="0"
scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe>
cambiar por
<object data="http://www.blogger.com/navbar.g?targetBlogID=673449746284806994&blogName=completamente+Valido+Est%C3%
A1ndares&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&homepageUrl=http%3A%2F%
2Fcompletamentevalido.blogspot.com%2F&searchRoot=http%3A%2F%2Fcompletamentevalido.blogspot.com%2Fsearch" marginwidth="0" marginheight="0"
scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></object>

2.-Subscripcion al blogger:
buscar la etiqueta subscribe y realizar los cambios anteriores sobre
1- <img sin alt
2- sustitucion de border y aling
3-target blank
y asi con todos los que salen hasta la etiqueta </b:widget>
4.-ul sin li asi que a cada elemento de tipo
<a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' rel='NuevaFuncionalidad'>
<img alt='' expr:src='data:imagePathBase + "subscribe-google.png"'/>
</a>
hay que ponerlo entre tag li quedando
<li><a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' rel='NuevaFuncionalidad'>
<img alt='' expr:src='data:imagePathBase + "subscribe-google.png"'/>
</a></li>

3.-google calendar
http://hosting.gmodules.com/ig/gadgets/file/116287936210312120217/calendar-for-your-site.xml
introducido mediante añade tu propio, este es el original , si lo buscas entre los gadgets hay muchos que se llaman igual y no funcionan
cambiamos iframes por objects , y src por data
ponemos alt
frameborder , usar la misma tecnica que con border='0'
la linea
id='data:moduleId' expr:name='data:moduleId'
cambiar por
id='"module"+data:moduleId' expr:name='"module"+data:moduleId'

4.-del icio us tag roll de http://delicious.com/help/tagrolls
del código que sale cuando preparas la configuración solo tienes que buscar los & y cambiarlos por &

5.-seguidores registrarte uno mismo como su primer seguidor
cambiar
expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"'
expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"'
expr:width='data:follower.imageWidth'

lo que hacemos es quitar el evento onload, dejando que se carge directamente , y ademas quitamos el evento onerror por que si no hay imagen se cargará el alt de todas formas, quedando
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:src='data:follower.imageUrl'
expr:width='data:follower.imageWidth'/>

6.-lista de blogs
border

7.-elementos compartidos del google reader
añadido mediante el codigo que se genera en el google reader en elementos compartidos , pinchando en Añade un clip a tu sitio web o blog.
amp

y al fina usa esta dirección para comprobar que valida
http://vecinos.urbanizacioncasasverdes.org/web2/trucos/home.php?miBlog=elquesea.blogspot.com

cambia "elquesea" por tu nombre

0 comentarios: