Entradas

Personalizar previsualización de Twitter en Blogger

Imagen
  Si tienes un Blog con Blogger, te habrás dado cuenta de que cuando pones el enlace a uno de tus post en Twitter, en la publicación sólo ves eso, el enlace. Sólo es necesario dar una vuelta por Twitter para ver que los enlaces de otros blogs tienen una pequeña previsualización en forma de imagen. En esta entrada os mostraré cómo hacerlo de manera sencilla. Paso 1 Escribe la entrada con normalidad. Paso 2 Cambia el modo de edición ala vista en HTML. La entrada ahora se ve así: Os recomiendo ir hasta el final de vuestra entrada antes de ir al siguiente paso. Paso 3 Crear el código de la previsualización. Si no eres un experto en programación, tranquilo, hay páginas online donde te crea el código para que puedas copiarlo y pegarlo en la entrada. En este caso, yo voy a utilizar Web code tools . En title ponéis el título de la entrada. En site ponéis vuestro usuario de Twitter (os recomiendo usar el que tengáis dedicado a vuestro blog, pero si no es el caso podéis usar el vuestro). En Desc
Publicar un comentario
Leer más

Atajos y utilidades Windows

Buenas, en esta ocasión os traigo unos atajos de teclado y una funcionalidad muy prácticos para los usuarios del sistema operativo Windows (en su mayoría Windows 10 o superior), y algún que otro atajo que nos puede servir en los navegadores, que nos harán ahorrar tiempo en el día a día. Atajos ¿Quieres seleccionar varios párrafos, y no quieres mantener pulsado el clic? Coloca el cursor (la flecha) en el lugar que quieras empezar a seleccionar el texto, y luego ve a la posición final del texto que quieres seleccionar.  ¡No hagas clic aún!  Ahora lo que tienes que pulsar es el botón shift (sí, ese con el que escribes en mayúsculas mientras le dejas pulsado cuando no quieres dar en Bloq Mayus), y ahora sí, haz clic mientras mantienes pulsada esa tecla. Y, ya que hablamos de selección de textos, no podía faltar el seleccionar todo. El problema de este atajo es que se aplica a todas las aplicaciones menos a las aplicaciones de Windows como Office, o Bloc de Notas. Para las aplicaciones que
Publicar un comentario
Leer más

Creando fichas de libros en Babelio

Imagen
Hola a todos, en esta ocasión os traigo al blog el "Cómo crear una ficha de un libro en Babelio". El proceso es bastante sencillo, pero si al crear una ficha por vuestra cuenta tenéis algún problema, me lo podéis decir en comentarios y os ayudo en lo que pueda. Para este mini tutorial, he utilizado como libro de ejemplo:  "Temblor y otros cuentos perturbadores" Tanto desde la App como desde el navegador, te redirige a la versión web para crear las fichas, por lo que en este caso, puedes crear la ficha desde el dispositivo con el que te sientas más cómodo.
Publicar un comentario
Leer más

Creando fichas de libros en Goodreads

Imagen
Hola a todos, en esta ocasión os traigo al blog el "Cómo crear una ficha de un libro en Goodreads". El proceso es bastante sencillo, pero si al crear una ficha por vuestra cuenta tenéis algún problema me lo podéis decir en comentarios y os ayudo en lo que pueda. Para este mini tutorial, he utilizado como libro de ejemplo: "Temblor y otros cuentos perturbadores" . Y, muy importante antes de empezar , Goodreads (cuando estoy creando el post), no permite crear fichas desde su aplicación móvil, por lo que para crearlas hay que acceder desde el navegador (Chrome, Edge... el que uses normalmente), y si estás desde móvil, tienes que activar la vista PC.
Publicar un comentario
Leer más

Tips útiles a la hora de crear formularios con HTML

Todos en alguna ocasión, nos hemos visto en la necesidad de buscar en Google el cómo hacer algo que en teoría es muy sencillo pero que por despiste, siempre nos olvidamos de apuntar. Como me ha pasado eso mismo a mi en más de una ocasión, he decidido crear esta entrada con algunos tips para tenerlas a mano cuando cree futuros formularios. Espero que os sean de utilidad y si tenéis alguno vosotros, estaré atenta a vuestros comentarios y los iré añadiendo a la entrada para tenerlos todos juntos. Tip 1 - Evitar que un botón active un formulario ¿Cuántas veces has querido crear un botón que simplemente cargue unos datos, muestre un pequeño texto o simplemente valide los campos del formulario antes de que el usuario decida enviarlo? Para ello sólo bastaba con que el método "onclick" del botón en cuestión devolviera un false. onclick="miMetodo(); return false;" Tip 2 - Abrir enlaces en una pestaña nueva Si no quieres que los usuarios al encontrar un enlace en tu página we
Publicar un comentario
Leer más

Creando tablas con Angular

¡Hola a todos! En esta ocasión os traigo una funcionalidad que nos va a ahorrar mucho tiempo a la hora de rellenar datos en las tablas de nuestras páginas web. Para ello necesitaremos las librerías de angular, que se pueden descargar desde su página web . Lo siguiente que tenemos que hacer es inicializar una variable que contendrá todos los valores que queremos mostrar en nuestra tabla. $scope.variable = [ {id: 1, nombre: "Uno"}, {id: 2, nombre: "Dos"}, {id: 3, nombre: "Tres"}, {id: 4, nombre: "Cuatro"} ]; A continuación, en nuestro fichero HTML, haremos uso de ng-repeat para que se rellenen todas las filas de la tabla. Id Nombre {{valor.id}} {{valor.nombre}} Y este sería el resultado: See the Pen Tablas con Angular by Eva ( @evapikachu ) on CodePen .
Publicar un comentario
Leer más

Tablas en HTML

  En esta entrada voy a enseñar cómo se crean las tablas en HTML (se puede utilizar en blogger en la vista en HTML) y a darlas un aspecto más agradable a la vista. Creación Para crear una tabla, se utiliza la etiqueta <table> <table>     <tr>          <th></th>     </tr>     <tr>          <td></td>     </tr> </table> La etiqueta <tr> significa nueva fila de la tabla. Las etiquetas <th> y <td> significan nueva columna, con la diferencia de que th es el título de esa columna y td se utiliza para los elementos pertenecientes a esa columna. See the Pen Tablas en HTML by Eva ( @evapikachu ) on CodePen . Hay que prestar especial atención a que ponemos en cada tr el mismo número de elementos (ya sea de th o de td ), ya que no se define en ningún momento el número de columnas y podría estropearnos la estética como tabla. See the Pen Tablas en HTML - filas con distinto número de columnas
Publicar un comentario
Leer más