Es muy Importante permitir que tu blog sea accesible a todos los usuarios es por eso que vengo con este maravilloso artefacto o widget que le permite a los visitantes escoger el estilo de la letra y tamaño que desean dar lectura a tus articulos.Imaginate un lector que tenga mal la vista o que le resulte dificil leer letra pequena hace sentido que le proveer al lector una opcion para ver tu blog a su conveniencia.Una cosa interesante sobre esta herramienta o widget es que aplica los cambios automaticamente sin necesidad de recargar la pagina.
Ejemplo:
Como Añadir el Widget de Estilo De Letra y Tamaño
- Entra a la interface de blogger
- Da Click en Diseño > Añadir un Gadget > HTML/JavaScript
- Pega el siguiente codigo en cuadro de contenido y ponle titulo
<!--Choose font style & size widget by www.ciudadblogger.info-->
<script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}
function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">
<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select></form>
Guarda el widget y Listo.
0 comentarios:
Publicar un comentario