martes, 2 de agosto de 2011

Agrandar y Achicar el Tamaño de las Letras del Blog en Blogger

Para ponerlo en tu blog de blogger ve a Diseño > Edición de HTML > con la ayuda del buscador de tu navegador (Ctrl + F) busca la etiqueta </head> y justo antes pega el siguiente código:

<script src='http://sites.google.com/site/pazosblogger/config/pagetemplates/script/textsizer.js' type='text/javascript'/> 

Ahora ve a Diseño > Añadir gadget > elije > HTML/Javascript y pega el siguiente código:

<a href="javascript:ts('body',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFZCXfMLNg0DFBCFeFQPJfKKjXP282Wgcujvbbkmqp4iZoYv334JnR27lfdVsDwGUIYkc0voabehKK5BkhgaoNfiH2hgidymQe0EojdinNmyHAfndpbBKoKkW3FTPVUriyFDx0crCY8M8/s320/chica-grande.png" title="Ampliar Fuente" /></a>|<a href="javascript:ts('body',-1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZr4-inVBIcnpd70-t56s-GSRtHX72-CJrMZ8oeXVNlwO08cn5LvtNXqkTh2rNqs45OUPWwnZCF-qh9OnQN-sj2LYshCTz3PTuGgZOo6tO4NjqhsMOS8xKqSGKQ79AHZNuFMpHe_rUXg0/s320/grande-chica.png" title="Achicar Fuente" /></a href="javascript:ts('body',-1)"> 

Luego lo guardan y verán el efecto. Pero si lo que quieren es poner dicho truco sólo que contenga los links, ósea sin imágenes, en vez del anterior código peguen este otro código:

<a href="javascript:ts('body',1)">+ Ampliar Fuente</a> | <a href="javascript:ts('body',-1)">+ Achicar Fuente</a>

Lo que está en color rojo lo pueden cambiar por la URL  de su propia imagen, lo que está en color azul pueden poner el texto que ustedes quieran. Si utilizan el código de abajo también pueden cambiar el texto que está en color azul por el que quieran.

Configuración 

Por defecto el código viene para agrandar o achicar toda la fuente del blog, pero eso lo podemos configurar y hacer que sólo se achique o se agrande las letras de las entradas, para ello cambia o que está en color celeste body por main.

Descargar Script


0 comentarios:

Publicar un comentario

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons