Post a dos columnas

En uno de mis primeros blogs tuve la necesidad de poner unos artículos a dos columnas, en aquel entonces buscando de varios blogs de ayuda di con un código que lo permite.

Si queréis obtener un efecto de texto igual al que te estoy mostrando, aquí lo tienes, solo tienes que poner tus escritos donde pone TEXTO 1 y TEXTO 2

<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">TEXTO 1

</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">TEXTO 2</p></td></tr></tbody></table>

Pídele a Al Gore que luche contra el hambre

Ayer lo vi en televisión, presentaban la campaña “No Hunger” (Hambre no), la nueva campaña de Acción contra el Hambre, pide al Nobel Al Gore que protagonice un documental sobre la desnutrición aguda infantil y utilice su poder mediático para evitar la muerte de cinco millones de niños al año.
La campaña alerta sobre un problema que afecta a 55 millones de niños, que ataca severamente a 19 millones de ellos y causa la muerte a cinco millones menores de 5 años cada año. Bastan 3.000 millones de euros para recuperar la vida de estos niños que penden de un hilo, según la organización no gubernamental. Para lograr la realización del documental con Al Gore -abanderado en la lucha contra el cambio climático-, la ONG pide a la ciudadanía que firme una carta con esta petición en la web pideseloaAlGore.org.
Desde ayer, un contador virtual se pondrá en marcha y recogerá los mensajes de apoyo de todos los participantes.

Correo electrónico temporal

La web Guerrilla Mail nos ofrece una dirección de correo electrónico temporal, muy útil en ocasiones en las que necesitamos registrarnos en algún servicio de Internet y solo lo queremos para obtener unas claves de acceso, de esta forma evitamos que nos inunden con correos no deseados.

Guerrilla Mail nos provee de una direccion de correo electrónico que expira después de 15 minutos de su creación. Tiempo suficiente para poder leer y contestar a los correos electrónicos recibidos a nuestra dirección de correo electrónico temporal. Pasados esos 15 minutos la dirección email caducará de forma irremediable.

Cabe resaltar la facilidad de uso y la efectividad de la misma. Si por el motivo que sea vemos que en 15 minutos no hemos recibido el correo deseado, la aplicación nos da opción a ampliarlo a 1 hora mas

Cabe resaltar la facilidad de uso y la efectividad de la misma. En la web tambien vienen indicaciones en español y segun nos dicen en breve estará disponible en español toda ella.

Imagen en cabecera como enlace

A petición de ell.feliphe vamos a insertar una imagen en la cabecera de nuestro blog que a la vez nos sirva como enlace a otro blog o web.

Entraremos en Editar Plantilla y a Edición de HTML y escogeremos Expandir plantillas de artilugios y buscaremos lo siguiente:

<div class='descriptionwrapper'>
 <p class='description'><span><data:description/>;</span></p>

</div>

Cuando tengamos ubicado el código, borrarremos <data:description/> y en su lugar agregaremos el siguiente código:
<a href=' URL del blog'> <img src=' URL de la imagen '/></a>
Recuerda que la URL de la imagen la tienes que haber subido en algún alojamiento de imágenes.

Una vez sustituido el código <data:description/>, el código quedaría de la siguiente forma:

<div class='descriptionwrapper'>
<p class='description'><span> <a href='URL del blog'><img src='URL de la imagen'/></a></span></p>
</div>

Recuerda que un buen consejo es hacer siempre copia de tu plantilla para evitar disgustos, también es bueno utilizar la vista previa antes de aceptar los cambios en nuestra plantilla.

Espero sea de vuestra utilidad.

Seguidores de nuestro blog

Por fin Blogger ha añadido Blogger Seguidores y nos permitirá colocar un gadget en nuestro blog para mostrar quienes lo siguen, y asi podremos verlo mediante su imagen de perfil y su nombre.
Para ello nuestros seguidores deberan registrarse, al hacerlo podrán seleccionar si quieren hacerlo de forma pública, es decir mostrando su propio blog o imagen, o bien como anónimo.
El gadget seleccionará de manera aleatoria y automática cuales serán los visitantes que aparecerán en el blog.
Este gadget de Blogger Seguidores es muy fácil de utilizar tanto en la suscripción como en la eliminación de los seguidores.

¿Como insertaremos este nuevo elemento en el blog?

1. Accedemos a nuestro Panel de Control y seleccionamos Añadir un Gadget:
2. Cuando aparecen en pantalla los diferentes gadgets, seleccionaremos Seguidores y clicamos a + según esta imagen:
3. Aparecera la siguiente pantalla, donde pondremos el título que mas nos guste par nuestro nuevo elemento, y haremos clic en Guardar:

Si ahora visualizamos nuestro blog ya tendremos el Gadget correctamente instalado, quedando de la siguiente forma:

Desde nuestro Escritorio de Blogger, (al final de la página) podemos seguir los blogs que nosotros somos seguidores así como administrarlos o bien añadir otros.

Una vez hechos estos pasos, ya solo queda que nuestros lectores vayan añadiendose a nuestro blog como seguidores, si te apetece puedes empezar por este.

Cambiar nombre en pie de post por imagen

Hoy os propongo cambiar el nombre que sale en el pie de nuestras entradas o post por una imagen.

En mi caso he colocado mi firma creada en la web de My Live Signature.

Para ello entraremos en "Edición html" de nuestro panel y expandiremos artilugios para localizar:

<data:post.author/>

Recuerda que para buscarlo puedes utilizar las teclas Ctrl + F

Una vez localizado este código lo substituimos por la url de nuestra imagen.

Para ver si todo a salido correctamente puedes utilizar la vista previa antes de guardar los cambios.

Crear un fondo de color degradado

Hoy he dado con gradcolor.com, es una página que nos permite crear un fondo de un color degradado.
La página no requiere registro, solo tenemos que introducir las medidas que nos interesen.
Empezaremos introduciendo las medidas de nuestra página en píxeles en Width introduciremos el ancho y en Heigth el alto.
A continuación, daremos los datos para comenzar el degradado podemos escoger top o left en Start. En Repeat escogeremos el tipo de repetición que deseemos, simple o both.
Cuando tengamos todos los datos introducidos eligiremos el color para formar nuestro degradado, y lo haremos escogiendo un primer color en First Color y un segundo color en Second Color, es recomendable hacerlo en dos tonos uno oscuro y uno claro de la misma gama y lo haremos moviendo el cursor hasta encontrar nuestro color deseado.
Una vez hemos escogido nuestras preferéncias haremos clic en Generate, entonces se nos ofrecera un código para ser insertado en nuestro blog o web.

En un ejemplo de 200 x 200 pixels quedaria así:

Enmarcar la fecha de las entradas

Atendiendo una petición que decía lo siguiente: “Se puede enmarcar la fecha de las entradas con fieldset y que quede ajustada al texto?
lo intente con el legend pero no me funciono bien se podrá hacer de otra forma? de antemano gracias”.

Pues bien, no se si es lo que andabas buscando pero si lo que quieres es enmarcar la fecha del post.

Lo podemos hacer con un sencillo paso y lo haremos siguiendo las indicaciones de mi anterior entrada: “Enmarcar el pie del post”.

Haremos lo siguiente:

Accederemos a “Edición de HTML”, no es necesario expandir artilugios.

Buscaremos /*Posts

Y debajo de: h2.date-header {

Pegaríamos el siguiente código:

border:solid 2px;
border-color:#6666ff;
padding:5px;

Quedaria de la siguiente forma:

Si queremos dar color de fondo bastaría con añadir:

background-color: #99C9FF;

Si queremos centrar la fecha respecto el post añadiremos:

text-align: center;

Si queremos hacerlo todo de una vez, el código a insertar seria este:

text-align: center;

background-color: #99C9FF;

border:solid 2px;

border-color:#6666ff;

padding:5px;

Por supuesto podemos modificar colores y grosores.

Dea, espero te sirva de esta forma.

Enmarcar pie del post

¿Queréis enmarcar el pie del post o post footer? Es la parte que de debajo de las entradas, de esta forma podremos diferenciar la entrada.
Haremos lo siguiente accederemos a “Edición de HTML”, no es necesario expandir artilugios.
Buscaremos /*Posts
y debajo de .post-footer { añadiremos lo siguiente:

border:solid 2px;

border-color:#6666ff;

padding:5px;

Para definir nuestro estilo podemos variar lo siguiente:

border: Define el estilo.
px: Es el grosor de la linea del marco a mas px mas grosor.
border-color: Define el color del marco.
padding: Es la distancia del texto con el marco.

El resultado obtenido seria este:

Post-it

¿Quieres crear un post-it para colocarlo en tu blog? Pues hoy os presento Free post-it Generator. Esta aplicación web nos permite crear uno muy fácilmente y en muy pocos pasos:

- Poner un titulo.
- Escribir nuestro mensaje.
- Podemos escoger el color de la letra del título y el color del mensaje.
- Escogemos la fuente de escritura.
- Podemos escoger entre cuatro modelos de nota distintos.
- Clicamos en "Generate my note!"

Y listos ya tenemos en pantalla nuestra nota creada, para guardarla hacemos Click con el botón derecho.
Yo he hecho uno de prueba y ha quedado así.

Crea un retrato robot

Hoy de he dado de casualidad con flashface.ctapt.de, se trata de una aplicación online con la cual podremos crear un retrato robot .

Tenemos muchísimas formas y estilos para elegir: Rostros, pelucas, cejas, barbilla, nariz, ojos, bigotes, gafas. Se pueden elegir formas redondeadas o alargadas, ojos rasgados o redondos, y un montón de posibilidades. La verdad es que se trata de una aplicación muy entretenida, si queréis probar veréis como vais creando un rostro poco a poco hasta conseguir parecidos considerables.
He hecho una prueba de un rostro inventado y ha quedado así:
Una vez hemos creado nuestro retrato robot tenemos diversas opciones para guardar o enviar a algún amigo.
En fin espero os guste y ya sabéis, a pasar un rato divertido investigando en esta web. Por cierto si la probais ya me direis...

Las obras avanzan a buen ritmo

Ayer os anunciaba mi intención de hacer alguna que otra mejora al blog, básicamente en diseño y algún que otro código que quedaba pendiente por ahí.

Los que frecuentáis este blog habéis podido observar que he instalado un nuevo menú horizontal en la parte superior, he cambiado los colores que marcan el diseño, he cambiado la fuente de escritura y el tamaño de la misma.

Supongo que aquí no acaban los cambios pero como os decía ayer os ruego un poco de paciencia i en breve estará listo y a vuestro servicio.

En Obras

Este blog lleva con todos vosotros 188 días desde que empezó a funcionar, a lo largo de todo este tiempo ha ido surgiendo alguna que otra mejora o pequeñas modificaciones en su diseño. Y hoy 06/10/2008 me he decidido a mejorar un poquito su diseño, y es por eso que os pido disculpas y paciencia si algo no funciona como debiera.
Gracias a todos y que espero que disfrutéis de vuestra visita a Tirando de Blog o en su “blog hermano” Zapping… Buscador Blog.

Inhabilitar boton izquierdo del ratón

Hoy un breve muy breve, os propongo un código para inhabilitar el botón derecho del ratón en todo nuestro blog.

Con este código impediremos que guarden cualquier cosa que aparece en pantalla.
El código lo añadiremos como un nuevo elemento Html/Javascript:

<SCRIPT language="javascript">
function click()
{
if(event.button==2  event.button==3)
{
alert('Opción no permitida')
}
}
document.onmousedown=click
</SCRIPT>

En rojo, el dato que podemos modificar a nuestro gusto, según lo que queramos que aparezca.
Tenemos que saber que de todas formas, mediante otras opciones también pueden "robarnos" lo que intentamos proteger.

Crear un Favicon para nuestro blog

Genfavicon es un servicio web 2.0 que permite la creación de iconos y favicon online totalmente gratis.

¿Que es un favicon? Pues es un pequeño icono que puedes asociar a una página web para mostrarlo junto a la barra de direcciones de cualquier navegador. Los tamaños más comunes para faviconos, según la calidad del icono, son 16x16, 32x32, 48x48, 64x64 y 128x128.

Genfavicon es una herramienta online gratis que no precisa registro. Está disponible en: Español, Inglés y Portugués.

Genfavicon nos permite crear un icono de una forma muy fácil, una vez creado podremos descargarlo en el formato enviado: .ico, .jpg o .png.

Estos son los estos tres pasos a seguir:

Fuente: Genfavicon