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
El System Usability Scale (SUS) y la usabilidad de tu página web
-
Conoce el System Usability Scale (SUS), una herramienta clave para medir la
usabilidad de tu web y mejorar la experiencia del usuario.
Hace 14 horas