Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Un gadget para que los lectores de tu blog escriban y guarden notas

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.


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/AVvXsEgSeYPMztEky_A_eyc9IlFV4Ib4LklOxmTIcqBQ78jLkH8lLDN7heH0EkK4Jr6CD0BQP871rvkyHIGUWmJgJL9ZkBwuOiJni-2LSEJWt4-yz1EHu_kv5-UgfNK7daerHQzcRAGHpDl1Glv-/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.

Referencia: Dynamic Drive.

Pilar Motos dice...

Gracias Jaimeee de verdad... No sabía que esto se pudiese tener en blogger. Lo había visto en páginas profesionales pero tenerlo en un blog es aún mejor!

Asun dice...

Ya lo puse. Me funcionó perfectamente, muchas gracias. Excelente tus explicaciones. Un saludo jaime

Jaime Trujillo Escobedo dice...

Ya lo creo, Pilar. Además, la posibilidad de arrastrar o cerrar el widget aporta gran comodidad a su uso.

Jaime Trujillo Escobedo dice...

¡Cuánto me alegra Asun! Espero que a tus lectores les guste.

Anónimo dice...

Hola Jaime. Tengo una pregunta sobre este truco, ¿Sirve para las nuevas plantillas de blogger? Lo digo porque en alguna entrada he leído que no algunos trucos no sirven en esas plantillas.

Saludos, Paula I.

Jaime Trujillo Escobedo dice...

Paula, puede aplicarse en las nuevas plantillas del diseñador de blogger, funcionará sin problemas.

También despliega sus funciones en Internet Explorer 8 (y superior), Opera 11 (y superior), Mozilla Firefox 3 (y superior), Safari 4 (y superior) y Google Chrome.

Driwrgy dice...

Una idea muy chula aunque imagino que eso mosmo se podría hacer recurriendo a un documento de word o txt, no? Qué marca la diferencia? Se marcan las notas una vez el usuario vuelve a visitar el blog? Ayhs, yo es que me empiezo a liar, Jaime...

Jaime Trujillo Escobedo dice...

Driwrgy, las notas que escribimos en este artilugio se guardan en el propio disco duro del ordenador que estamos utilizando. Por ello, cada vez que accedamos al blog en el que tenemos nuestros apuntes, éstos se mostrarán intactos, tal y como los insertamos.

No es muy distinto a los documentos que podemos crear usando word, notepad o bloc de notas pero presenta la ventaja de poder apuntar y guardar cualquier dato sin salir del blog, mientras leemos el artículo.

Como he citado en la entrada, para blogs de recetas o informativos es muy útil pues el lector necesitará un sitio para escribir ideas, consejos...

Virginia dice...

me encanta tu blog
creo q voy a aprender mucho gracias a ti
gracias
bss

Jaime Trujillo Escobedo dice...

¡Bienvenida Virginia! Ya verás como cada día aprendes algo nuevo aquí en El Balcón.

Abrazos

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo