Esta aplicación permite al lector de un blog dejar cuantas notas o apuntes personales desee.
Una de las grandes ventajas es la de poder guardar el contenido escrito. Tus visitantes podrán, no solo escribir notas, sino también guardarlas de tal forma que aparezcan cada vez que se pulse el botón situado en la barra lateral del blog al acceder al sitio.
Poder apuntar los ingredientes de una receta o coger ideas de un artículo sobre la alimentación del gato sin abandonar la página en la que nos encontramos es comodísimo.
¿La característica que lo hace todavía más atractivo? El uso de jQuery. El widget puede arrastrarse a donde queramos.
Si deseas verlo en acción pulsa sobre la imagen situada a la derecha del artículo. No olvides guardar tu nota al terminarla y acceder nuevamente al blog para comprobar que sigue presente.
Una de las grandes ventajas es la de poder guardar el contenido escrito. Tus visitantes podrán, no solo escribir notas, sino también guardarlas de tal forma que aparezcan cada vez que se pulse el botón situado en la barra lateral del blog al acceder al sitio.
Poder apuntar los ingredientes de una receta o coger ideas de un artículo sobre la alimentación del gato sin abandonar la página en la que nos encontramos es comodísimo.
¿La característica que lo hace todavía más atractivo? El uso de jQuery. El widget puede arrastrarse a donde queramos.
Si deseas verlo en acción pulsa sobre la imagen situada a la derecha del artículo. No olvides guardar tu nota al terminarla y acceder nuevamente al blog para comprobar que sigue presente.
Diseño>Edición de HTML>expandimos artilugios
Busca la etiqueta </head> y añade antes estas líneas:
<!-- Gadget Notas Balcon -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/scriptsbalcon/b/bljaimNotas.js' type='text/javascript'/>
<link href='https://sites.google.com/site/scriptsbalcon/b/bljjNota.css' rel='stylesheet' type='text/css'/>
<!-- Fin del Gadget Notas Balcon -->
Guarda la plantilla.
Diseño>añadir gadget (elemento de página)>html-javascript
Incluye esto en su interior:
<a href="javascript:notepad.loadpad('mynotepad1')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr3cP7P2jZlGW3t_eSVk59clrOo3UsjNv-Ljt2DBbcPyxQxjCdQ63nz00_yt9xswhmT3X7VKKyd7Au3_ZLsOgyzeZeQAzWGtO3OaqewgIANUzj2AsBJNJAT55GUIF3XQVBi4JZfASSvjJR/s320/jaimisnotas.png"/></a>
La línea resaltada en color verde pertenede a la URL del botón 'Mis notas'.
Si prefieres mostrar un enlace con texto en lugar de imagen utiliza este otro código:
<a href="javascript:notepad.loadpad('mynotepad1')">TEXTO</a>
Sustituye TEXTO por el título del enlace que abrirá el gadget.
Con esto incluirás una nota. Para ofrecer la opción de escribir varias notas (y por tanto mostrar más botones) introduce el mismo código, aumentando la cifra numérica del término mynotepad1 (mynotepad2).
Guarda el gadget para terminar.
Por último recuerda que el gadget usa jQuery por lo tanto, si usas Scriptaculous, Prototype o Mootools seguramente no podrás utilizarlo.
No hay comentarios:
Publicar un comentario