Entradas

Araña interactiva para el blog, que se mueve

Imagen
Esto no es como aquella  araña de Halloween  que vimos hace tiempo que no era mas que una imagen GIF animada. Esto es parte de la modernidad web, hecho en  canvas , y se trata de una araña que se mueve por si sola dentro de su telaraña, y que podemos arrastrar con el cursor, tanto a la araña como a la telaraña y sus puntos de apoyo. El demo aquí mismo. Este gracioso experimento es de  Sub Protocol , y nos servirá como parte de las  decoraciones de Halloween en el blog . Este arácnido requiere de dos scripts para su funcionamiento, ambos los he alojado para que no tengan que preocuparse por buscar un hosting, pero, he notado que el desempeño de estas canvas son más eficientes si alojamos los scripts directo en la plantilla, o al menos a mí esa percepción me ha dado. Para colocar esta araña interactiva en tu blog ingresa en  Diseño | Añadir un gadget | HTML/Javascript  y ahí pega este código: <script src='https://googledrive.com/host/0B1s...

Tabla de contenido (Sitemap) con pestañas

Imagen
Las  tablas de contenido , también llamadas  sitemap  o mapa del sitio, permiten al visitante navegar por todo el contenido del sitio de una forma práctica, en nuestro caso accediendo a las etiquetas del blog y sus respectivas entradas publicadas. Ya hemos visto  un par de ellos , pero este en particular me gusta por la forma como está organizado todo, en pestañas, tipo  tabview  lo cual hace que tenga un diseño más intuitivo para el usuario, además que incluye varias opciones que lo hacen más completo. Esta tabla de contenido es una creación de  Taufik Nurrohman , un genio indonesio en estos temas de Blogger. No requiere de librerías externas así que prácticamente no tendremos que preocuparnos por el tema de la compatibilidad. El demo lo puedes ver aquí mismo, del lado izquierdo están las etiquetas del blog, al dar click sobre una de ellas se muestran del lado derecho las entradas correspondientes a dicha etiqueta. ADSENSE APLICACIONES BÁSI...

Mostrar las URL de los enlaces al imprimir una entrada

Imagen
No es el caso de este blog, pero hay otros casos donde los usuarios recurrentemente imprimen las entradas del blog que visitan, por ejemplo blogs con recetas de cocina, letras de canciones, poemas, etc. Hasta ahí no hay nada fuera de lo común, pero, ¿qué pasa si la entrada tiene un link y el usuario está interesado en ese enlace? ¿cómo puede el usuario  ver el link en la hoja impresa ? Puede parecer un detalle insignificante, pero detalles como este pueden mejorar o no la experiencia del usuario. Lo que veremos a continuación es un sencillo método para que cuando se imprima la entrada del blog aparezcan también las URLs de los enlaces que contenga la entrada. De esta manera el usuario podrá ver en su hoja impresa los links que vienen incluidos en la entrada. Para conseguirlo recurriremos al pseudo elemento  :after , la propiedad  content , el atributo  attr(href) , y por supuesto al tipo de medio  print  que hará que estos estilos sólo se aplique...

Inhabilitar el botón derecho con mensaje en pantalla completa

Imagen
Aunque ya hemos visto un par de métodos para  bloquear el botón derecho del mouse  también hemos dicho infinidad de veces que ningún método es 100% efectivo, todos tienen alguna vulnerabilidad. El que veremos a continuación no es la excepción, pero me ha parecido bastante simpático para compartirlo. Se trata de un script que se activa al usar el botón derecho del mouse y que muestra un mensaje en toda la ventana del navegador. Puedes ver el ejemplo aquí mismo, si das click derecho verás aparecer un mensaje en toda la ventana del navegador, y se ocultará al dar click nuevamente. Su instalación es tan sencilla que sólo requiere un paso, sólo ingresa en  Plantilla | Edición de HTML  y antes de  </body>  pega lo siguiente.  Usa la teclas CTRL + C para copiar el código. <script> // Inhabilitar el botón derecho var DADrccolor = " #F1F1F1 "; var DADrcimage = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ePuitl47RFFpuhpF...

Formulario de contacto para Blogger con 123 Contact Form

Imagen
Blogger es una plataforma muy flexible y bien si tienes una web de sonidos ( sonidonorte.es/alquiler/ ) o una web de diseño como el blog de este servidor, absolutamente todos los sitios requieren de un formulario de contacto en el que los lectores puedan comunicarse de forma directa y concreta con el administrador de la web. Por ello hoy recomendaremos como añadir un formulario de contacto para Blogger con 123 (sí, ese servicio es muy popular pero hasta hoy hacemos el tutorial acá :P). Formulario de contacto para Blogger con 123 Contact Form Primero vas a la página de 123 y te registras (puedes rellenar el formulario o escoger el registro con tu cuenta de Google, Facebook, Microsoft o Yahoo), luego del registro satisfactorio, darás clic en “ Create form “. Posteriormente verás una pantalla de configuración en inglés pero fácil de entender, añades los campos que quieras al formulario y al finalizar clickeas sobre “ Publish form “. Página de edición del formulario Después de ...

Elimina publicaciones duplicadas en WordPress

Imagen
Si tienes muchos posts repetidos y otro tipo de i nformación duplicada en tu blog de WordPress  que  está ocupando mucho espacio  y no quieres tomarte el trabajo de hacerlo manualmente, hoy te recomendamos  una herramienta que te facilitará la tarea en gran medida , se trata del plugin “ Delete Duplicate Posts “. Elimina publicaciones duplicadas en WordPress Anuncio cuando se encuentran datos repetidos Este complemento  busca y elimina publicaciones duplicadas y sus metadatos . Puede cambiar la configuración de cuántas entradas se eliminan  a la vez y si el complemento debe ejecutarse automáticamente cada hora. Puede eliminar publicaciones, páginas y otros tipos de publicaciones personalizadas habilitados en su sitio web. El complemento elimina no solo la publicación, sino también la publicación de meta y otras referencias a la publicación, limpiando el espacio en su sitio web de WordPress. Instalación del plugin DESDE WORDPRESS ...

16 Recursos Totalmente Gratis para Ayudar a Crecer Tu Blog

Imagen
No hay nada que me guste más que los  recursos totalmente gratis que ayudan con el blog , que nos hacen a los bloggers la vida más fácil y cómoda, y si encima esos recursos  son gratis  ¡¡aleluya!! estáis conmigo ¿verdad? Pero a veces puede resultar difícil encontrar cosas que realmente ayuden a nuestro blog. Como os quiero ahorrar tiempo y dinero, he compilado una lista de recursos para ayudar a hacer crecer vuestro blog. Da igual si lo vuestro objetivo es obtener beneficios económicos, ganar seguidores, conseguir más páginas vistas, o simplemente construir un mejor blog, estos son  16 recursos totalmente gratis ayudarán a crecer vuestro blog . Espero que estas herramientas os ayuden a atraer más tráfico, y también a ahorraros tiempo y quebraderos de cabeza navegando infinitamente por internet buscando los mejores recursos. 16 Recursos Totalmente Gratis para Ayudar a Crecer Tu Blog 1.  Colección de recursos  - Tengo que empezar con la pro...