28 noviembre 2009

Truco entrada siempre arriba.

Como hacer para dejar una entrada siempre arriba del blog.

Para los que desean darle al blog una apariencia de página web, he aqui la forma de hacer que un post este siempre arriba, puedes hacer una entrada de bienvenida o explicativa la cual siempre estara arriba de todos los posts.
Como sabemos, Blogger ordena los posts por orden de fecha, del más reciente al más antiguo, por lo que siempre que escribamos un nuevo post éste ocupará la primera posición, es decir, estará hasta arriba de todos los posts, así que cada vez que escribamos un post nuevo se va hasta arriba de todas las entradas.


¿Entonces cómo hacer para dejar un post específico siempre hasta arriba?
Simple, usaremos la misma técnica que usamos para cambiar el orden de entradas, sólo que nos adelantaremos en el tiempo.
Primero redacta tu entrada que quieres dejar hasta arriba del blog.
Cuando hayas terminado publícala como lo harías normalmente.
Ahora haz click en Editar entrada y abajo del editor de entradas, junto al espacio para agregar las etiquetas haz click en Opciones de entrada.
Ahora en Fecha y hora de la entrada cambia el año de la fecha por el año 2025, por ejemplo, si la entrada la publicaste el día 24/09/09 cámbiala por 24/09/25




Listo, de estar forma esa entrada estará siempre arriba de las demás entradas (hasta el año 2025), así aunque publiques una nueva entrada ese post estará siempre arriba, no se moverá, a menos que publiques un post con una fecha más adelantada. Hasta el año 2025, cuando llege esa fecha cambiala por otra.


Ojo, recuerda que primero debes publicar la entrada con la fecha normal, de lo contrario la estarías programando para que se publique el año 2025.

19 noviembre 2009

Boton flotante de Facebook.

Enlaza a Facebook con un boton flotante.

Aqui les traigo un codigo para poner un boton flotante en el blog que enlace con tu perfil en Facebook, para que los visitantes puedan unirse como amigos.

Para colocar este badge de Facebook en tu blog, entra a Diseño > Edición de HTML y antes de /body esto:



Sólo cambia tu nombre de usuario y listo.
En esta ocasión sólo hice un diseño del botón pues pensé que el color clásico de Facebook es muy distintivo y no necesita muchas variantes, pero si quieres cambiar el badge por un ícono u otra imagen cambia la URL de la imagen por la tuya y listo.

06 noviembre 2009

Messenger en tu blog.

Como poner Messenger en el blog.

Es una realidad que Messenger es el cliente líder en mensajería instantánea, por lo que su uso es sumamente importante a la hora de querer estar comunicados.
Es por ello que muchos bloggers desean tener comunicación con sus lectores vía Messenger, ya sea para dar asesorías, responder preguntas o simplemente conversar.
Así que vamos a poner el Messenger en el blog para que puedas estar siempre en contacto con tus lectores.


-Primero inicia sesión en Windows Live Messenger e ingresa a la Configuración web.
-Marca la casilla: Permitir que los usuarios de sitios web vean mi estado y me envíen mensajes.
-Guarda los cambios y selecciona la pestaña Crear HTML.
-A continuación selecciona una opción, puedes elegir tener la ventana del Messenger incrustada o un botón que permita abrir una ventana emergente con el Messenger. La opción tres no la selecciones ya que falla mucho para actualizar el estado.
-Ya que has elegido la opción que más te guste copia el código HTML que se encuentra abajo.
-Ahora entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega el código anterior.

Listo, podrás tener tu Messenger en tu blog; tus lectores podrán platicar contigo desde tu blog y tú podrás hacerlo desde el Messenger de tu computadora. Siempre que estés conectado tus lectores podrán ver en tu página que te encuentras en línea y podrán charlar contigo. No es necesario que ellos estén en tu lista de contactos, aun así podrán comunicarse contigo, incluso podrán conversar contigo de forma anónima si lo desean.
Por otra parte, los datos del usuario no se quedan registrados por lo que es una forma segura de iniciar sesión, además de que ningún otro lector que se encuentre en el blog podrá leer la conversación de los demás, excepto la que él mantenga contigo.


NOTA:Si eliges la ventana de mensajería instantánea, verás que abajo puedes elegir el color del gadget y las medidas de la ventana, sólo ingresa los valores correspondientes. Por defecto está en 300 x 300 px, pero esta medida generalmente es muy grande para la sidebar.

04 noviembre 2009

Links y Banners en movimiento.

Movimiento para links y banners en tu sitio web.

Este truco les dará movimiento a tus links estilo marquesina, y hará que el link se detenga cuando el mouse pasa sobre él. Lo haremos de dos formas, una con links de texto y otra con imágenes.

Para los links de texto el código es el siguiente:



Para los links con imágenes el código es el siguiente:



Personalización:
Debes cambiar los datos en color rojo por los tuyos.
marquee direction="up" es la dirección a donde se mueve, up arriba, down abajo, right derecha, left izquierda.
width:200px;height:150px; es el tamaño del cuadro donde aparecen los links
border:1px solid #ccc; es el ancho y color del borde.
scrollamount="1" es la velocidad con la que se mueven los links, números más altos dará mayor velocidad.

El resultado es este:



Aqui

pones el texto

NO OLVIDES COMENTAR