:::: MENU ::::
  • Desarrollo Web - Responsive Design

  • Easy to Customize

  • Customizable fonts.

jueves, 19 de diciembre de 2013

La memoria RAM es un factor fundamental para el funcionamiento correcto de nuestro ordenador y es bueno tenerla controlada con varios programas que hagan una lectura un poquito menos superficial que la ofrecida por el sistema operativo. RamExpert mide la capacidad de tu RAM indicándote cuánto tienes instalado, cómo, dónde y de qué tipo.

Generalmente, cuando queremos saber cuánta memoria RAM tiene instalada y activa un ordenador, nos fijamos en el BIOS o en propiedades del sistema una vez iniciado Windows o Linux. La información a la que accedemos de esta manera es la más superficial posible, pues el sistema sólo hace una contabilización de la cantidad de memoria y del tipo, dejando de lado muchos de los detalles técnicos que justamente pueden servir para diferenciar distintas capacidades logradas por memorias superficialmente parecidas. Así que si quieres saber cuánta ram tiene tu ordenador, de qué tipo, cuánta por slot y de qué fabricante, entre otras cosas, la mejor opción es un software como RamExpert.



Especializado en mostrar toda la información que de otra manera requiere más trabajo, RamExpertmide la capacidad de tu RAM y te indica sus propiedades luego de un leve análisis. Toda la información relevante queda en primer plano luego de unos segundos y así tendrás el número de slots o puertos usados, la cantidad de memoria instalada, el máximo soportado por la placa madre y, lo más importante, el desempeño que está realizando la memoria en tiempo real. Para cada ranura, se muestran su nombre, capacidad actual y el tipo. Dependiendo de su tipo, también puedes encontrar información sobre el modelo, número de serie y el fabricante en este apartado. NOTA: La instalación es medio tramposa, así que fíjate de no instalar otro software de tercero cuando ejecutes el instalador de RamExpert.




Pero el programa no es super completo, y lamentablemente encontramos una falta de información en cuestiones tan importantes como la velocidades a la que corren las memorias o los relojes que utilizan. Este tipo de información sí está presente en programas como CPU-Z o CPU-M, donde vemos la frecuencia, el radio de comando y el tiempo cíclico de los bancos, entre otros. Si buscas algo simple pero efectivo, RamExpert es una buena opción para los menos expertos que quieran medir la capacidad de su RAM. Para quienes ya tienen algo más de experiencia encima, preferimos recomendarles CPU-M.

Descargar: RamExpert


miércoles, 11 de diciembre de 2013

A partir del día de hoy, los usuarios de Spotify podrán hacer uso del servicio desde sus dispositivos móviles iOS o Android de manera gratuita y sin la necesidad de contar con una cuenta Premium. Los usuarios podrán escuchar y descubrir toda la música del catálogo del servicio gracias a sus atinadas recomendaciones musicales.

spotify para android y iOS


La nueva función de Spotify, te permite una escuchar:

Tu música: Escucha las playlists que has creado y playlists de gente a la que sigues. Spotify te permite descubrir nueva música, guardarla, llevarla contigo y compartirla.

Tus artistas favoritos: ¿Quieres escuchar a un artista en concreto? Presiona el botón aleatorio, relájate y escucha todo su catálogo. No pagues por algo sólo similar. No pagues por una canción de los artistas que quieres cada 20 minutos.

Descubre nuevas playlists: ¿Vas a correr o al gimnasio? Tenemos la playlist para ayudarte a ir un kilómetro más allá. Sabemos que quieres la música perfecta para cada momento y la tenemos. Hay algo para cada estado de ánimo, género o momento.

A diferencia de los dispositivos móviles, todo indica que las tabletas se están convirtiendo en los nuevos portátiles ya que son el dispositivo donde la gente descansa, busca y crea playlists dentro de Spotify. Así que a partir hoy, los usuarios de tabletas iOS y Android pueden disfrutar de la fabulosa experiencia de Spotify que ya les encanta en sus computadoras. Cualquier canción o álbum, bajo demanda al alcance de la mano.

Spotify Premium continúa ofreciendo la experiencia de escucha bajo demanda definitiva, con acceso sin anuncios a tu música, en alta calidad, en modo offline y con fácil control de tu equipo de música a través de Spotify Connect.

Spotify está disponible para usuarios de iOS y Android y puede ser descargada en la App StoreGoogle Play.

jueves, 14 de noviembre de 2013

Cuando se está buscando una entrada dentro del blog y usamos las etiquetas para localizarla, aparece un recuadro con el mensaje:

mensaje mostrar todas las entradas

O bien, al hacer una búsqueda dentro del blog aparece el mensaje:
Ninguna entrada coincide con la consulta. Mostrar todas las entradas.

mensaje mostrar todas las entradas
Para ocultar este mensaje hacemos lo siguiente:

Entra a Plantilla > Edición de HTML y antes de ]]></b:skin> pega esto:

.status-msg-wrap {visibility:hidden;display:none;}

Guarda los cambios y listo.


Para eliminar el mensaje:

Entra a Plantilla | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca este código:

<b:include data='top' name='status-message'/>

Elimínelo y guarda los cambios.

Con cualquiera de estos dos métodos, ese recuadro dejará de aparecer en nuestras búsquedas.


miércoles, 13 de noviembre de 2013

Antes que nada una disculpa por no haber hecho una nueva entrega de nuestro curso de visual basic, retomando el tema... Hoy veremos una función muy utilizada a la hora de programar llamada "SELECT CASE", este función resulta muy útil  a la hora de querer seleccionar una opción entre varias que puedan ocurrir en nuestro programa.

Esta instrucción, es una instrucción de decisión múltiple, donde el compilador prueba o busca el valor contenido en una variable contra una lista de constantes, cuando el computador encuentra el valor de igualdad entre variable y constante, entonces ejecuta el grupo de instrucciones asociados a dicha constante, si no encuentra el valor de igualdad entre variable y constante, entonces ejecuta un grupo de instrucciones asociados a un default, aunque este ultimo es opcional.

Para tratar de ser un poco mas claro realizaremos un ejemplo, esta es la sintaxis de la función:

select case .net, visual basic, tutoriales2010, tutoriales

Ejercicio con la función select case.

Trataremos de realizar un programa (software) sencillo que haga como tarea algo simple, como cambiar el color de fondo de nuestra interface del mismo dependiendo del numero introducido en un campo de texto (textbox) por ejemplo:

  • Al introducir el numero 1 = color de fondo NEGRO
  • Al introducir el numero 2 = color de fondo AMARILLO
  • Al introducir el numero 3 = color de fondo AZUL 
  • Al introducir el numero 4 = color de fondo ROJO
  • Al introducir el numero 5 = color de fondo VERDE 
  • Al introducir cualquier otro numero = Regresar el color de fondo "normal" (blanco) 

El diseño de nuestra interface ahorita no importa tanto ya que solo estamos aprendiendo las funciones básicas de este lenguaje de programación así que no te preocupes por eso ahorita, la mía me quedo de esta manera... (recuerda que el tipo de proyecto es de windows form)

Teniendo hecha nuestra interface donde introduciremos el numero y un botón de aceptar, pasaremos a la parte de escribir el código. Como la accion la va hacer el botón al hacer clic sobre el, entonces el código deberá ir dentro del mismo. Haciendo doble clic sobre el botón abrimos la pantalla para escribir nuestro código y aquí es donde me gustaría que te detuvieras un poco, en leer el código que a continuación te voy a poner y trates de resolverlo tu mismo, para que vallas practicando de alguna manera.

El código es algo muy sencillo solo utilizaremos la palabra reservada: Backcolor. La imagen siguiente nos muestra el código terminado.


Como pueden observar contamos con nuestra función select case, seguido de los diferentes casos que se pueden dar en nuestro programa. La palabra ME hace referencia a la misma aplicación, la utilizamos para realizar el cambio en la misma ventana. En el caso de Case Else se pone por si no se cumple ninguna de los anteriores casos.

Ahora podemos ejecutar nuestro programa dando f5 o pulsando el botón de depuración que aparece en tu barra de herramientas superior.

Si quieres descargar el proyecto te dejo el link para que lo cheques con detenimiento... DESCARGALO AQUI.

Si tienes alguna duda sobre este tema no dudes en dejarme un comentario y PREPÁRATE QUE VIENE LO MEJOR PARA ESTE CURSO. SALUDOS


domingo, 27 de octubre de 2013

controla tu pc tablet, iphone computadora, ipad


El día de hoy fue lanzado Windows 8.1 que viene a ser la actualización del sistema operativo Windows 8 que llegó el año pasado cambiando radicalmente la manera en la que se utilizaba Windows desde que apareció hasta su version Windows 7.

Ahora Microsoft presenta en conjunto con la nueva actualización una extensión para dispositivos iOS tales como iPhone, iPod e iPad una nueva aplicación la cual nos permitirá manipular nuestro escritorio de Windows de manera remota.

La aplicación sirve tanto para Windows 8 como para Window 8.1 así que no hay pretexto para no correr a descargarla si es que contamos con una PC con Windows y con un smartphone o tableta con iOS.

No se sabe de versiones para Android y Windows Phone por lo que sólo podremos esperar a que Microsoft se decida y las publique en la Google Play Store y en el Windows Marketplace.




domingo, 6 de octubre de 2013


Google continua construyendo un ecosistema relacionado a HTML5, el lenguaje favorito de los de Mountain View y con el cual se rigen sus servicios. Ahora bien, muchos usuarios que utilizan las herramientas y servicios de Google no son programadores, de hecho hay un gran número de diseñadores, por tal motivo, la gran G ha presentado Web Designer en su versión beta, una herramienta de diseño que ayudará a los usuarios a crear anuncios, banners y demás publicidad en HTML5, ya que solo necesitaremos crear el diseño y el software hará el código.

Entre otras opciones, Google Web Designer nos permitirá hacer la siguientes acciones:

  • Posibilidad de crear banners animados en HTML5
  • Ve, edita el código detrás de los diseños creados y mira los cambios automáticamente
  • Crea anuncios para DoubleClick y AdMob o publícalos en un un servicio similar de tu preferencia
  • Actualizaciones constantes sin necesidad de descargar nuevamente la aplicación
  • Totalmente gratuito

Lo mejor de todo es que este nuevo programa de Google es totalmente gratuito y si tienes dudas sobre su funcionamiento o quieres conocerlo mejor, la empresa de Mountain View ha abierto un canal exclusivo enYouTube mostrando las herramientas de Web Designer además de tutoriales para hacer determinados efectos.





sábado, 5 de octubre de 2013

Un problema que se presenta a menudo con los archivos PDF que se crean, es que pueden llegar a ser muy pesados en tamaño (sobre todo si se utilizan muchas imágenes en ellos) y para enviarlos por correo puede ser un problema. La solución es reducir el archivo PDF de tamaño o comprimir el archivo PDF y para esto, se presentan algunas herramientas que les permitirán comprimir PDF online y de manera gratuita.


Comprimir PDFs en SmallPDF.com

SmallPDF.com es un servicio gratuito que ayuda a comprimir archivos PDF y reducir su tamaño conservando una buena calidad.



Su uso es muy simple, solo seleccionen “Choose file” o arrastren el archivo PDF que deseen reducir su tamaño dentro del recuadro punteado y enseguida comenzará a comprimirse el archivo. Una vez terminado aparecerá un recuadro negro indicando cuanto fue la reducción del archivo y podrán descargar el archivo ya reducido en tamaño.



Enlace a la pagina: SmallPDF.com


Comprimir PDF con Neevia Online PDFcompress

Neevia Online PDFcompress es una herramienta online que permite a cualquiera reducir el tamaño de archivos PDF sin la necesidad de instalar nada en la computadora. La herramienta presenta diversas configuraciones para reducir el tamaño de los archivos PDF aunque generalmente la configuración que trae predeterminada servirá.



Para reducir pdfs con esta herramienta solo seleccionen en archivo y presionen “Upload & Compress”. Esperen a que se procese su archivo (puede tardar unos minutos dependiendo el tamaño de su archivo) y al finalizar aparecerá en pantalla un enlace para descargar el archivo PDF indicando el nuevo tamaño y cuanto espacio se redujo.




Este servicio es gratuito pero con la limitante que solo pueden cargarse archivos de hasta 5MB, sin embargo, funciona de manera correcta y no agrega marcas de agua a los archivos pdf comprimidos.

Enlace a la pagina: Neevia Online PDFcompress
PDF Compressor por PDFaid

PDF Compressor es una herramienta online gratuita creada por PDFaid.com que permite comprimir archivos PDF (de hasta 20MB) reduciendo su tamaño automáticamente. La herramienta reduce el tamaño de las imágenes en el archivo, y elimina las fuentes que no se utilizan para reducir el PDF.

Enlace a la pagina: PDF Compressor por PDFaid

PDF Reducer online

Esta herramienta te permite comprimir archivos PDF reduciendo su tamaño de forma gratuita. La única desventaja es que para descargar los archivos es necesario dejar un correo electrónico.

Enlace a la pagina: PDF Reducer


Si te decidiste a comprar una tablet, pero se hacen la pregunta ¿Qué tablet comprar? a continuación algunos puntos que deben tomar en cuenta al comprar su primera tablet.


consejos, para comprar consejos, tecnologia tablets

Puntos a considerar al comprar una primera tablet.

Las tablets se han posicionado en el interés del consumidor común, no sólo por ser una curiosidad sino por presentar alternativas reales a las necesidades diarias a todo nivel generacional. Desde la lectura de un libro o escuchar una canción, hasta el desarrollo y utilización de aplicaciones con las que se aprende a convivir y comunicarse más eficientemente en un mundo donde el número de opciones y decisiones a tomar cambia exponencial-mente.

Esta situación lleva a las personas a tomar la decisión de comprar su primera tablet, pero ¿Qué tablet comprar?

Puntos a considerar para comprar una tablet

Acteck recomienda 6 puntos a considerar al comprar la primera tablet:
  • Tamaño
  • Calidad y Garantía
  • Velocidad del procesador.
  • Sistema operativo.
  • Conectividad
  • Espacio de almacenaje.
  • Tamaño
Si se planea ver videos o tener la mejor experiencia web posible, se deberá considerar aquella que tenga el mayor tamaño de pantalla; hay que recordar que entre mayor sea la pantalla menor será su portabilidad, así que si lo que se quiere es traerla de un lado a otro habrá que escoger la de menor tamaño.

Los tamaños más comunes son las de 7″ y las de 10″ pulgadas, lo cual se consigue al medir en diagonal sobre la pantalla.

Calidad

Existen muchas marcas en el mercado y la calidad no siempre es la óptima, por lo que es necesario ir a lo seguro y no arriesgar su inversión, hay que recordar que lo barato sale caro.

Recomendación: tomar un tiempo para investigar en internet y comparar los diferentes modelos de tablets que se adapten al presupuesto con que se cuenta.

Velocidad del procesador

La siguiente fase es considerar si en las actividades a realizar en la tablet se utilizan un gran número de aplicaciones. Así mismo si estás pensando en usar tu tablet como un sustituto para tu laptop, lo que requerirás entonces es un procesador más rápido.

Recomendación: Al igual que en la fase anterior se recomienda comparar las tablets que se adapten a su presupuesto y seleccionar la que mejor procesador tenga.

Sistema Operativo

En cuanto al sistema operativo, existen tres competidores fuertes actualmente: Android, iOS y Windows 8, cada uno con sus respectivas ventajas.

Parte importante de los sistemas operativos para tablets son sus tiendas de aplicaciones, por lo que antes de elegir una tablet con determinado sistema operativo, habrá que verificar que el sistema cuente con las aplicaciones necesarias para las actividades que se desean realizar. ¿Cómo saber esto? Google es el mejor aliado, ya que es posible que los asesores de venta puedan suponer que existen las aplicaciones cuando en realidad no es así.

Conectividad

En cuanto a la conectividad se refiere, algunas tablets se conectan a internet mediante una conexión WiFi, pero si se requiere conexión constante, habrá que considerar una tablet que pueda conectarse a través de redes 3G, lo que deberá de suponer firmar un contrato y una mensualidad que cubrir. La recomendación es, si ya se cuenta con un smartphone que tenga un plan de datos, es mejor comprar una tablet con conectividad WiFi y compartir el Internet desde el smartphone.

Si se desea tener una experiencia multimedia más completa como transferir video a pantallas o monitores de video, hay debes buscar tablets que tengan disponible una conexión HDMI y si se necesita extraer información de discos duros externos buscar una que tenga un puerto USB.

Almacenamiento

Por último, el espacio de almacenamiento es aquel que se necesitará para guardar en la memoria interna de tu tablet todo lo que se requiera, como imágenes, videos, música, etc; usualmente la capacidad ronda los 4GB y va hasta los 64GB, pero si se requiere más espacio algunas tablets permiten la conexión a tarjetas de memoria. Si se considera que el espacio de almacenamiento que trae la tablet es poco habrá que considerar alguna tablet que permita expansión de memoria.

Adicional si se necesita tomar fotos o video, hay que tener en cuenta que la tablet a comprar cuente con una cámara y si se requieren hacer video llamadas verificar que también cuente con cámara frontal.


sábado, 28 de septiembre de 2013

whatsapp, apps whatsapp

Whatsapp es sin lugar a dudas una de las aplicaciones de mensajería instantánea mas usadas alrededor del mundo, prácticamente todos la conocemos y aprovechamos las buenas funciones con las que cuenta de manera cotidiana cómo si no hubiera otra forma de comunicarnos.

Además de sus buenas funciones cómo enviar imágenes, video, audio, entre otras, existen aplicaciones adicionales para Android que permiten mejorar la experiencia de su uso y además ayudan a aprovechar al máximo la aplicación de mensajería, cómo enviar imágenes personalizadas de manera rápida, dibujos, memes, sonidos, y hasta para aumentar la seguridad de whatsapp, un tema que estoy seguro te interesa.

  • Z – Art para Whatsapp
Con esta aplicación podrás hacer volar tu imaginación y compartir dibujos con tus contactos hechos sobre un lienzo en blanco o sobre tus propias fotografías. Además podrás añadir objetos desde la propia galería de la aplicación y sorprender a tus contactos.

Descarga desde Google Play de manera Gratuita.
  • Smileys para Chat (Meme, Emoji)
Cómo dice el dicho, una imagen vale más que mil palabras, por lo que esta aplicación ayuda en todo sentido a expresarnos en Whatsapp. Cuenta con una gran cantidad de emoticons, memes, personajes famosos y demás imágenes divertidas.



La aplicación es gratuita y esta disponible en Google Play Store.

  • WhatsFun WhatsApp Smiley
Otra excelente aplicación para enviar imágenes, stickers y memes a tus contactos, con la peculiaridad de que podrás bombardear tus conversaciones con imágenes divertidas sin tener que escribir muchas veces. También incluye imágenes pre diseñadas de felicitación.



Descarga Whatsapp Fun desde Google Play.
  • WhatSuite
Completo suite de opciones e imágenes divertidas para añadir a tus conversaciones de Whatsapp, incluyendo un lienzo para dibujar imágenes, sonidos, emoticones, memes y mas. También permitecrear tus propios memes añadiéndoles texto, sin duda una app muy completa.

La aplicación es gratuita disponible en Google Play Store.
  • Whatsapp Contact Photo Sync
Prácticamente el nombre lo dice todo. Esta app permite sincronizar las fotos de tus contactos en Whatsapp con la foto personal de su numero de teléfono en el dispositivo de forma manual.



Interesante aplicación, descargala desde Google Play Store de manera gratuita.
  • WhatsApp Ghost
Entra a whatsapp en modo incógnito para leer tus mensajes. Al activar Whatsapp Ghost desactiva tus conexiones de datos y abre el Whatsapp original, después de salir de la aplicación tus conexiones regresan a su funcionamiento normal y tus contactos no notaran que leíste los mensajes.
  • WCleaner para Whatsapp
Esta herramienta es bastante útil, y es que con la cantidad de contactos y con la cantidad de contenido multimedia que compartimos en whatsapp, vamos ocupando la memoria del smarphone poco a poco. Con esta app borra todo ese contenido innecesario y libera memoria fácil y rápido, o selecciona de manera manual las imágenes que deseas conservar.



Descarga desde Google Play.
  • Whatsapp Lock
Desgraciadamente Whatsapp no cuenta con una opción de bloqueo que permita proteger el acceso a las conversaciones, sin embargo, Whatsapp Lock se encarga de ellos. Protege el acceso a Whatsapp mediante una contraseña o pin de cuatro dígitos. Además si se ingresa el pin incorrectamente automáticamente tomara una foto con la cámara frontal para saber quien intentó abrirla.



La aplicación es gratuita puedes descargarla desde Google Play.

Espero te halla gustado esta publicacion, dejame un comentario.

domingo, 22 de septiembre de 2013

Matemáticas  se vuelve para la mayoría, una de las peores pesadillas en el ciclo escolar, y mas si no contamos con las herramientas necesarias para practicarlas. Aplicaciones cómo GeoGebra, un excelente programa de matemáticas  multiplataforma para la educación en todos sus niveles, ya que reúne materiales didácticos de niveles de aritmética, geometría, álgebra y calculo, hasta recursos de probabilidad y estadística.

GeoGebra, aprende matematicas
  
Cuenta con un avanzado lienzo y opciones para crear coloridas gráficas desde sus puntos, vértices, rectas o demás figuras a tratar. Además ofrece representaciones diversas de los objetos desde distintas perspectivas cómo: Gráfica, Algebraica general y simbólica, Estadística y organización en tablas, planillas y hojas de datos dinámicamente vinculadas.


geogebra, matematicas facil, aprender matematicas

Sin duda una excelente herramienta, y lo mejor, por ser de código abierto, es completamente gratuito y compatible con dispositivos iOS, Android y Windows 8, además de Mac y Linux.


Enlace: Geobra


viernes, 20 de septiembre de 2013

Hoy les voy a enseñar a poner la caja de comentarios de facebook, ya había hecho una entrada que habla de los mismo ( puedes verlo aquí) pero surgieron comentarios que la caja sale fuera de las entradas publicadas en el blog, entonces hoy les traigo otro método aún mas fácil que el anterior y que nos permitirá poner la caja de comentarios donde nosotros así lo deseemos. Entonces manos a la obra amigos.

Comments Box - Facebook Developers, ¿Que es?


Este pluggin nos permitirá agregar dicha caja, para entrar a la pagina oficial  de Facebook Developers has clic AQUI, Nos mostrara la pagina en el lenguaje ingles pero no te preocupes no es difícil manejar la pagina solo tenemos que agregar unos cuantos parámetros para realizar el diseño de nuestra caja de comentarios. Sigue los siguientes pasos: 

  1. Busca el cuadro de texto que te indica que debes introducir tu URL del sitio al cual quieres agregarle la caja de comentarios (
    URL to comment on
    )  y escribe una URL DE EJEMPLO cualquier cosa que identifiques fácilmente por ejemplo en este caso yo le pondré: http://EJEMPLO.COM (mas adelante veras el porque de ese url)
  2. En ese mismo formulario nos pide llenar el Width que en español es el equivalente al ancho de la caja de comentarios entonces ahí obviamente varia el valor dependiendo de nuestra plantilla yo en este ejemplo usare un ancho de 500px
  3. El siguiente campo nos muestra (Number of post) cuantas entradas o comentarios deseamos mostrar por defecto nos pone una cantidad 10 de comentarios y les recomiendo que lo dejen asi para que no tarde en cargar o se haga muy extensa nuestra caja. 
  4. En el ultimo campo (Color Scheme) nos muestra dos opciones y ahí elegiremos el diseño de nuestra preferencia, podemos elegir entre el diseño Dark ó Light.
NOTA: Para un mejor diseño (creo que ya los has de ver notado) guíate en la vista previa que te muestra abajo del formulario antes llenado. Así quedo llenado nuestro formulario:

caja de comentarios de facebook, blogger facebook, comments facebook


Ahora solo debemos dar clic sobre el botón Get Code  para generar nuestro código correspondiente. Se abrirá en una ventana emergente como la imagen siguiente:


Si notas en la parte superior nos muestra varias opciones de código como html5, xfbml y otros mas... 
Tenemos que elegir la pestaña de HTML5 y seguimos los pasos que viene dentro de esa misma ventana. 

  • El primer paso es copiar la primera parte del código y pegarla justo después de la apertura de la etiqueta:  <boby>. Así que nos vamos a Plantilla > Editar Html y damos clic dentro del código y presionamos la combinación de teclas "ctrl+f" y en el cuadro de búsqueda agregamos la etiqueta a buscar que en este caso es la de <body>.
  • La segunda parte del código es la importante, ¿recuerdas que al asignar los parámetros de nuestra caja al inicio de la entrada pusimos una url como ejemplo? ( http://EJEMPLO.com ) si analizamos el código te darás cuenta que ese url se genero en esa parte del código (observa la imagen anterior) lo que debemos hacer es guardar muy bien ese pedazo de código en bloc de notas o un documento de word ya que lo utilizaras cada vez que quieras agregar una caja de comentarios en algún post.(TODO EL CODIGO)
Hasta ahora tenemos el pluggin instalado en nuestra plantilla pero nos falta mostrarla en las entradas de nuestro blog y aquí es donde necesitaras un poco de paciencia si es que en tu blog llevas muchas entradas ya que deberemos agregar la caja entrada por entrada. SI LO SÉ,  ES ALGO TEDIOSO pero sin embargo no eh visto otra forma de hacerlo (si alguien sabe favor de compartirlo). 

¿ Y como agrego la caja de comentarios en mi entrada?
  • Es muy fácil solo debemos publicar nuestra entrada (si es nueva),  si ya la tienes publicada solo debes contar con la url, por eso la importancia de ya tenerla publicada. 
  • Recuerdas que guardamos un código en el bloc de notas, ¿Adivina que? llego el momento de usarlo, abres tu bloc de notas y copias el código, después nos vamos a nuestra pagina de blogger en la sección de Entradas y editamos la entrada a la cual deseamos agregar la caja de comentarios. 
  • Teniendo abierta nuestra entrada nos iremos a la opción de editar en HTML
  • Nos vamos al final de nuestro código y antes de pegar el código (copiando anteriormente) les daré un "tip" para separar la caja de comentarios  con el resto del post. Si sabes código HTML sabrás que la etiqueta <br/> sirve para dar un espacio de linea ( un enter ) así que te recomiendo que agregues al menos dos de esas etiquetas para poder darle una separación a nuestra caja. 
  • Ahora si pegamos el código, pero nos falta agregar la url de la misma entrada, si observas detenidamente tu código aún tiene la url de ejemplo esa es la que debemos cambiar (sin quitar las comillas) el código terminado debió quedarte así: 
<br/>
<br/> 
<div class="fb-comments" data-href="urlpost" data-width="610"></div>

Lo resaltado en color rojo  ahi debes poner la url de tu entrada en la que quieras visualizar tu caja de comentarios. 
Lo resaltado en Azul  es el ancho para que puedas modificarla a tu gusto. 


  • Ahora solo nos queda guardar de nueva cuenta nuestra entrada y LISTO! si hiciste todos los pasos bien se te mostrara una caja de comentarios como la que se muestra en esta misma entrada. justamente abajo. Si tienes alguna duda déjame un comentario. 
NOTA: Recuerda que debes realizar el mismo procedimiento para cada una de las entradas en las cuales quieres colocar la caja de comentarios. 



WhatsApp  si bien es un excelente servicio de mensajería muchas veces puede causar ciertos problemas, como las famosas dobles palomitas  (que hacen creer que ya leyeron un mensaje aunque no sea así), y también puede ser algo indiscreto ya que muestra a los demás la última hora en que se conectaron con la aplicación. Afortunadamente los usuarios de Android cuentan con “WhatsHide Ocultar WhatsApp” que es una app que permite ocultar de forma fácil la hora del último acceso a WhatsApp.

android, whatsapp ultima conexcion, ocultar whatsappWhatsHide, si bien no es una app gratuita (cuesta $12.60 MXN) puede ser útil para los que prefieran tener la privacidad y evitar que se muestre la última hora de acceso.

Con esta app los usuarios podrán:

  • Usar Whatsapp sin que sus contactos vean que está conectado “en línea”.
  • Leer, escribir y adjuntar imágenes a sus conversaciones sin que los contactos vean que está online.
  • Nadie será capaz de ver actualizada la “última vez” a la que se han conectado y, sin embargo, podrás usar WhatsApp, escribir mensajes, abrir conversaciones, ver las imágenes que te hayan enviado, sin la preocupación de que alguien vea que estas online ó registrar tu última hora de acceso.


¿Cómo ocultar “última vez” conectado con WhatsHide?
Para ocultar su ultima conexión en WhatsApp, ejecuten la app una vez descargada y sigan los siguientes pasos:
  1. Toquen el icono superior. Las conexiones serán des-habilitadas.
  2. Whatsapp se iniciará automáticamente.
  3. Lea y escriba mensajes, o envíe fotos.
  4. Los mensajes serán enviados cuando salga de la aplicación pulsando el botón “Back” del dispositivo.
¿Cómo funciona WhatsHide?
WhatsHide desconecta todas las conexiones Wifi e Internet mientras se está utilizando Whatsapp y las restablece una vez que abandonas la aplicación a través del menú salir o del botón “volver” que traen los dispositivos Android. Una vez que has salido se envían los mensajes e imágenes que has escrito, todo ello sin haberse actualizado la hora de ultimo acceso a Whatsapp. SALUDOS!



jueves, 12 de septiembre de 2013


Hoy les voy a compartir un gadget llamado Social media tabs en lo personal me gusta mucho, es muy versátil  ya que lo puedes acomodar casi en cualquier lugar de tu pagina web. Es un Gadget compacto y de sencilla instalación.

Por ahora viene con las siguientes redes sociales y sitios de compartimientos:
  • Facebook
  • Twitter
  • Google+
  • RSS
  • Pinterest
  • Youtube
  • Vimeo
  • Deliciuos
  • Instagram
  • Dribbble
  • Digg
  • StumbleUpon
  • Deviantart
  • Tumbrl

Y continuara...

Como yo se que tu quieres instalarlo en tu blog, te diré como lo harás, a continuación...

Ve a Blogger > Plantilla > Editar HTML, das un clic dentro de la plantilla, presionas CTRL + F, buscas </head>  y pegas justo antes este código:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src="https://dl.dropboxusercontent.com/u/168482905/social%20media%20tabs/jquery.social.media.tabs.1.6.1.min.js" type="text/javascript"></script>
<link href="https://dl.dropboxusercontent.com/u/168482905/social%20media%20tabs/dcsmt.css" media="all" rel="stylesheet" type="text/css"></link>

El que esta resaltado en verde es Jquery. Debes omitirlo si ya lo tienes en tu blog.

Después de haber guardado los cambios anteriores, ve a Diseño > Añadir un gadget > HTML/Javascript y pegas allí este código:

<div id="social-tabs">
</div>
<script type="text/javascript">         
        jQuery(document).ready(function(jQuery)
        {
            jQuery('#social-tabs').dcSocialTabs(
            {
    method: 'slide', location: 'left', align: 'top', position: 'fixed', offset: 70, height: 400, width: 320, start: 0, rotate: { delay: 8000,direction :'down' }, loadOpen:false, autoClose:true, imagePath: 'https://sites.google.com/site/terrenoblogger/imagenes/',

widgets: 'facebook,fblike,google,twitter,rss,pinterest',

facebookId: 'ID-PAGINA-FACEBOOK',
fblikeId: 'PAGINA-FACEBOOK',
googleId: 'GOOGLE-ID',
twitterId: 'USUARIO',
rssId: 'http://feeds.feedburner.com/USUARIO',
pinterestId: 'USUARIO',
youtubeId: 'USUARIO',
vimeoId: 'USUARIO',
deliciousId: 'USUARIO',
instagramId: '#USUARIO',
dribbbleId: 'USUARIO',
stumbleuponId: 'USUARIO',
tumblrId: 'USUARIO',
deviantartId: 'USUARIO',

twitter: {title:'Tweets Recientes',follow:'Sígueme en Twitter',thumb:true,retweets:false,replies:false,limit:10},
fbrec: {header:true},
fblike:{stream:false,header:true,limit:36},
facebook:{title:'Facebook',follow:'Síguenos en Facebook',text:'content',limit:10},
google: {title:'Google+',follow:'Agréganos a tu Círculos',limit:10,api_key: 'AIzaSyAVx2W-gR7eqIpATEgp2IMOWtxzDDDOqt0'},
pinterest: {title:'Pinterest',follow:'Encuentrame en Pinterest',limit:10},
rss: {title:'Suscribete a nuestro Feed',follow:'Subscribe',limit:10},
youtube: {title:'Suscribete',subscribe:true,limit:10},
instagram: {clientId:'',redirectUrl:'',accessToken:'',limit:10,title:'Instagram'},
vimeo: {title:'Vimeo',follow:'Subscribe',limit:10}, flickr: {title:'Flickr',limit:20},
stumbleupon: {title:'Stumbleupon',follow:'Follow',limit:10},
tumblr: {title:'Tumblr',follow:'Follow',limit:10},
delicious: {title:'Delicious',follow:'Follow on Delicious',limit:10},
digg: {title:'Latest Diggs',limit:10}, lastfm: {title:'Last.fm',limit:20},
dribbble: {title:'Dribbble',follow:'Follow on Dribbble',limit:10},
deviantart: {title:'deviantART',follow:'Follow',limit:10}
            });
        });

    </script>


Ahora, esto que harás sera importante.

En la linea resaltada en azul están escritas solo las redes sociales que se van a mostrar; si deseas mostrar mas redes sociales, solo debes escribir después de pinterest, una coma y luego el nombre de la otra red social y luego en el código resaltado en azul agregaras el nombre de usuario de dicha red social.

Solo puedes agregar las redes sociales que están resaltadas en azul.

Las redes sociales que por defecto estan activas, son las de color amarillo. Asi que debes reemplazar el usuario respectivo en cada una de ellas.

Para conocer el ID de tu Pagina en facebook, ve a: http://graph.facebook.com/NOMBRE-DE-PAGINA  y alli se te mostrara el ID de tu pagina.

Para saber el usuario de feedburner, te diriges a http://feedburner.google.com/. Elige tu feed y das un clic en "Edit Feed Details…" (Esta bajo el titulo de tu feed). Ahora en "Feed Address:" dentro un recuadro esta el Usuario de tu Feedburner

La linea resaltada en rojo al inicio del código indica en que lugar del blog se mostrara el Widget. Utiliza estos parametros para ajustar la posicion del los botones a tu gusto:
  • left = iziquerda
  • right = derecha
  • top = arriba
  • bottom = abajo


Este Gadget tiene otras opciones de personalización,  pero no quiero enredarte. Yo se que con esto lo tendrás funcionando correctamente.


miércoles, 11 de septiembre de 2013

Convierte tu smartphone en un escáner de archivos con estas apps de escáner para Android e iOS.

escanea archivos, celular pdf, escanear pdf

Los dispositivos móviles  han ido evolucionando de tal forma que hoy en día ya son más que simples teléfonos. Gracias a las características y funciones que tienen, permiten realizar distintas tareas, que nos ayudan en el día a día, lo cual lo convierte en una herramienta poderosa y en un excelente compañero de trabajo. Si necesitas escanear un documento  de urgencia, o simplemente para llevar un control o respaldo de tus documentos, estas dos aplicaciones son de las mejores opciones para escaner en Android & iOS.

Apps para escanear archivos en Android & iOS

CamScanner – PDF Creator

Una solución inteligente para aquellos que necesitan digitalizar, sincronizar y compartir documentos en segundos. CamScanner  toma una foto del documento o texto que quieras escanear y gracias a su propio algoritmo de recorte y edición obtendrás un excelente resultado de uno o varios escaneos a la vez.

escanea archivos, celular pdf, escanear pdf


 CamScanner cuenta con otras funciones avanzadas, como la de “Busqueda OCR” que reconoce el texto de documentos escaneados, añadir anotaciones desde el móvil o personalizar una marca de agua, entre otras. Además si cuentas con una cuenta de camscanner.net podrás editar, compartir y sincronizar documentos a través de la nube con tus otros dispositivos como pc o tablet.

Lo negativo de la aplicación, añade una pequeña marca de agua propia a cada documento escaneado hasta que adquieras la licencia, sin embargo, si no te importa, es una excelente herramienta.

Descarga CamScanner gratis desde Google Play o iTunes o la versión pro para Android o iOS.

Handy Scanner

Otra excelente aplicación y de fácil uso para dispositivos Android. Handy Scanner convierte tu smartphone o tablet en un escaner para cualquier momento que lo necesites, toma fotos de documentos importantes o de los apuntes en clase y respaldalos directamente en Dropbox al instante, o compártelos mediante Gmail o cualquier otra aplicación.

escanea archivos, celular pdf, escanear pdf

Handy Scanner permite escanear más de un documento a la vez, y con sus potentes filtros optimiza tu documento con mejor calidad de brillo o contraste. También permite la “Búsqueda OCR” en tus documentos compartiéndolos en Google Docs con la opción “convertir a Google Doc”.

Al igual que CamScanner, Handy Scanner también incluye marcas de agua en su versión gratuita disponible en Google Play, sin embargo, también puedes adquirir la versión pro por Mx $49.99 y obtener más características.


jueves, 5 de septiembre de 2013

¿Quieres hacer que gadget solo se muestre en la página principal de tu blog de blogger y cuando un usuario valla a un post no se muestre el widget? Yo te voy a enseñar a hacerlo. Muchos bloggeros quieren mostrar un widget de slideshow, fotos, temas destacados o widgets en su sidebar, etc. Pero solo quieren que les parezca en su página principal y no lo quieren mostrar cuando el usuario habrá cualquier post de su blog. Es un truco para blogger muy simple ademas que nos Ahorra espacio y hace un desempeño de su blog como un diseño web profesional.

EMPEZAMOS: 

Inicia sesión en blogger y da un clic en “Diseño

¿Como ocultar un widget en blogger? Busca el widget que quieras implementar este truco, por ejemplo, yo quiero que aparezca en mi página principal solo un widget que contiene un anuncio y no quiero mostrarlo al momento de abrir cualquier post. Ustedes podrán hacer este truco para blogger con cualquier widget que ustedes quieran.

Ahora lo que are es buscar el Id de mi widget, lo voy hacer dando un clic derecho donde dice “Editar”, al dar un clic derecho les mostrara una ventana en su navegador y van a dar un clic donde dice “Copiar dirección del enlace”. Una vez hecho esto, abre una página en Word o un blog de notas y pégalo, el código que pegaras en Word o en tu blog de notas se verá así:

oculta gadget, blogger


http://www.blogger.com/rearrange?blogID=23034056867142304504&widgetType=HTML&widgetId=HTML30&action=editWidget&sectionId=col1

Bueno, una vez hecho esto el ID de mi widget es HTML30 y está ubicado antes del código &action, así mismo encontrar su ID único de su widget, les recuerdo que cada widget tiene un ID único.

Ahora da un clic en “Plantilla” y después clic en “Editar HTML” y se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación:

oculta gadget en blogger


En este punto deberás presionar la combinacion de teclas “Ctrl+f”  para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor. Vamos a buscar el ID de nuestro widget, ponemos el ID que encontramos en el diseño de nuestro blog y que les dije que lo copien y lo peguen en su página de Word o su blog de notas. Copiamos nuestro ID, por ejemplo mi ID es HTML30 y lo voy a buscar en mi Editor HTML de blogger, mire la imagen a continuación:

oculta gadget en blogger


Una vez que hayas encontrado el código en el Editor HTML de tu plantilla se mostrara como la siguiente imagen



Tienes que desplegar todo el código, tal como lo muestro en la siguiente imagen dando clic en la flecha que aparece a tu lado izquierdo. 

oculta gadget en blogger


Una vez hecho esto, les mostrar un código parecido al siguiente:

<b:widget id='HTML30' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>

En este punto, es muy importante, insertar dos líneas de código para realizar el truco de que se muestre su widget solo en la página principal de su blog de blogger y no cuando se habrá cualquier post. Vamos a insertar dos códigos dentro del código que encontraste, de los cuales serían los dos siguientes códigos

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

Y para hacerles más fácil en donde poner esos dos códigos, les dejo mi ejemplo y miren el código que está marcado de color rojo, los cuales son los dos códigos que van hacer ubicados en diferentes secciones a continuación:

  <b:widget id='HTML30' locked='false' title='' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
  </b:widget>
</b:section>
</div>

Eso es todo, ahora dale un clic en “Guardar plantilla” y abre tu página principal de blogger y luego cualquier post de blog y ya no se mostrara el widget que quisiste ocultarlo. Recuerda hacer este truco para cada widget que quieras ocultar.
Si Necesitas ayuda pregunta! no duden en hacérmelo saber y de inmediato les responderé.


miércoles, 4 de septiembre de 2013

En la actualidad es cada ves menor la edad en la que los niños tienen sus primeros contactos con Internet. Internet es una excelente fuente de información para que los niños puedan aprender y divertirse, pero también, es una fuente de contenidos para adultos a los que los niños no tendrían porque tener acceso. KidBox es un servicio web para niños (de entre 2 y 8 años) diseñado específicamente para que los niños puedan navegar seguros por Internet, accediendo a contenidos moderados por expertos para tranquilidad de los padres.




El servicio de KidBox ofrece:

Navegador web: El navegador de KidBox permite encontrar contenidos seleccionados sobre los temas o personajes que se deseen. Además de tener acceso a los sitios infantiles más populares del mundo y los sitios web de sus personajes favoritos.
Juegos en línea: Acceso a diversos juegos online de diversos personajes, de deportes, musicales, clásicos, juegos educativos entre otras categorías de juegos que a los niños les encantaran.
YouTube para niños: A los niños les encantan los vídeos, sin embargo si accedieran directamente a YouTube podrían tener acceso a vídeos con contenido para adultos en un abrir y cerrar de ojos por eso KidBox dentro de su servicio ofrece un YouTube para niños donde se encuentran los mejores vídeos recreativos y educativos en línea, además, los niños tendrán acceso a ver vídeos de música, series y programas de TV.
Avances de películas: Revisa los trailers de películas por estrenarse.
Video mensajes: Con esta herramienta los niños podrán comunicarse con sus familiares (la lista de contactos es administrada por los padres) sin necesidad de saber leer o escribir.
Mundo Virtual: Los niños podrán crear su avatar y personalizar la interfaz de KidBox.
Album Familiar: Un espacio donde los niños podrán compartir carpetas con fotos.
Panel de padres: Los padres tienen control de todo el contenido de sus hijos, agregando contenidos y priorizando áreas educativas. Además de tener un seguimiento por día, semana o siempre de los contenidos que los niños utilizan.
KidBox permite tener una internet segura para los niños ya que no se exponen ni a contenidos ni a personas inapropiadas, además, bloquea la publicidad y los enlaces indeseados. Al ejecutar KidBox este bloquea la pantalla para que sea la única forma de acceder a internet.

KidBox, está disponible para Windows, Mac, Android, iOS y BlackBerry. Si tienes hijos no dudes en descargar KidBox para tener la tranquilidad de que navegue seguro por internet.



ANUNCIO DE KIDBOX:


miércoles, 28 de agosto de 2013

Este menú es compatible con Google Chrome, Firefox 3,6+, Safari 2+ e Internet Explorer. En IE, el hover no sera visible puesto que este no soporta gradientes en CSS3.


Para agregar este menú a nuestro blog, realizaremos el siguiente procedimiento:

Agregar estilos del Menú Horizontal
Agregaremos los estilos de este menú, directamente en la plantilla del blog. Para esto ve a Plantilla - Editar HTML, das clic dentro de la plantilla, presionas Ctrl + F y buscas: 
]]></b:skin> 

Y justo antes pega el siguiente código:

/*tutoriales2010.blogspot.mx*/
div.bottombar{ /* La barra inferior */
height: 10px;
background: #1a1109; /* Color de la barra inferior */
}

ul.semiopaquemenu{ /* Menu principal UL */
font: bold 14px Georgia ;
width: 100%;
background: #2AA7FA; /* Color de fondo del Menu principal */
padding: 11px 0 8px 0; /* Relleno de los 4 lados del menú*/
margin: 0;
text-align: left; /* Escribe "left", "center", o "right" para alinear el menú*/
}

ul.semiopaquemenu li{
display: inline;
}

ul.semiopaquemenu li a{
color:black;
padding: 6px 8px 6px 8px; /* Relleno de los 4 lados de cada enlace del menú */
margin-right: 15px; /* Separación entre cada enlace del menú */
text-decoration: none;
}

ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* Sombras en CSS3 */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 12px; /* relleno sobresaliente hacia arriba */
padding-bottom: 20px; /* relleno sobresaliente hacia abajo */
}

Si el menú no se visualiza correctamente puedes ajustarlo cambiando los valores que el resaltado indica.

INSERTAR EL MENÚ.


Despues de haber guardado los estilos, alli mismo busca </header> (en plantillas del diseñador) o <div id='header-wrapper'> (en plantillas personalizadas) y pega el siguiente código justo después.


Recuerda que en las plantillas personalizadas, después que encuentres <div id='header-wrapper'>, busca hacia abajo el cierre </div> y después pega el código. No olvides que hay un cierre </div> por cada <div> que se abre, así que debes buscar exactamente el que cierra la apertura <div id='header-wrapper'>. (no necesariamente sera el primer cierre que encuentres... puede ser el segundo o tercero; según tu plantilla)

Este es el código:

<ul class='semiopaquemenu'>
<li><a class='selected' href='/'>Inicio</a></li>
<li><a href='#'>Item 1</a></li>
<li><a href='#'>Item 2</a></li>
<li><a href='#'>Item 3</a></li>
<li><a href='#'>Item 4</a></li>
<li><a href='#'>Item 5</a></li>
<li><a href='#'>Item 6</a></li>
<li><a href='#'>Item 7</a></li>
<li><a href='#'>Item 8</a></li>
</ul> <div class='bottombar'>
</div>

Ahora reemplaza cada Item por el nombre de tu categoría, y cambia  el #  por el enlace de cada una de ellas.

Para agregar mas categorias o eliminar alguna, quita o agregar alguna linea como esta:
<li><a href='/'>Item 8</a></li>


Con esto tendrás un menú horizontal en CSS3 para facilitar la navegación en tu blog.


domingo, 25 de agosto de 2013

blogger, entradas al azar, gadget
En esta ocasión les traigo un gadget que nos ayudara a mostrar entradas de nuestro blog al azar, es muy fácil de instalar o añadir en nuestro blog basta con agregar un nuevo gadget en la plantilla.





Aquí puedes ver un ejemplo:            

Clic en la imagen para ver el ejemplo.













¿Como añadir el botón? 

Nos iremos a Diseño > Añadir gadget > Html/Javascript, ahora solo copiamos y pegamos el siguiente código:

<div id='myLuckyPost'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'entrada al azar'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky'></script> <style type='text/css'> @import url( 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' ); #myLuckyPost a { position: relative; color: rgba(255,255,255,1); text-decoration: none; background-color: rgba(219,87,5,1); font-family: 'Yanone Kaffeesatz'; font-weight: 700; font-size: 30px; display: block; padding: 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); margin: 10px auto; width: 200px; text-align: center; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } #myLuckyPost a:active { -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9); -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9); box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9); position: relative; top: 6px; } </style>

Ahora antes de guardas podemos cambiar el texto en color rojo para que se muestre en nuestro botón creado en css, si sabes de css lo puedes modificar a tus colores preferidos o que mejor se acomoden a tu blog.

Si tienes alguna duda no dudes en dejarme un comentario. Te contestare a la brevedad.

sábado, 24 de agosto de 2013

Blogger seo, atributos alt, atributos title

Los atributos 'alt' y 'title' son los que describen una imagen y su contenido. El atributo 'alt' se utiliza para describirle el contenido a los motores de búsqueda, y el atributo 'title' describe el contenido a los usuarios.

Para optimizar nuestros atributos aquí en blogger existen dos métodos :

METODO 1

El código base de una imagen debe ser este:

<img src="imagen.jpg" alt="descripcion" title="descripcion" />

En Internet Explorer el atributo 'alt' genera una descripción (tool tip) al pasar el puntero de mouse sobre una imagen, mientras que en Firefox y Google Chrome, esta descripción visible es generada por el atributo 'title'.

Al describir lo que sucede en una imagen le estas ayudando a los motores de búsqueda a encontrar dicha imagen mas rapidamente y esto generara un aumento de trafico hacia tu sitio web.

No debes exceder en el uso de palabras clave en los atributos 'title y 'alt' ya que Google penalizará eso, puesto que no estas describiendo lo que en realidad esta sucediendo en la imagen.

Para agregar estos atributos a las imagenes, Blogger ha implementado un herramientas desde el editor de entradas.

Simplemente, después de agregar un imagen y estando en el editor de entradas sigue estos pasos:

  • Das un clic sobre la imagen. 
  • Te diriges a Propiedades. 
  • Allí agregas el texto del titulo y el texto del alt. 
METODO 2

Sin embargo, para reducir el trabajo y realizar este proceso automáticamente, te dejare un script que tomará el nombre de la imagen y lo usará para insertar los atributos title y alt. Pero recuerda que la mejor descripción es la realizada manualmente.

Este script utiliza Jquery; si ya lo tienes en tu blog entonces omite el código resaltado en azul.


  • Ve a Plantilla>Editar HTML> das un clic dentro de la plantilla, presionas Ctrl + F y buscas </head> Justo antes pega este código:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ /*Atributos alt y title*/ $(document).ready(function() { $('img').each(function(){ var $img = $(this); var filename = $img.attr('src') $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); }); }); //]]> </script>

Guardas lo cambios realizados y vas a una entrada donde exista una imagen. Pasando el mouse sobre ella observaras que se muestra una descripción de dicha imagen y efectivamente esto es lo que queremos lograr.


Con esto se optimizara el posicionamiento de tus imágenes y por lo tanto tu pagina web estará mejor ubicada en los resultados de búsqueda. Si tienes alguna duda escríbeme en comentarios.


¿Necesitas una pagina web? Contáctanos