
| [+/-] |
Crea un boton Antipixel para tu blog |
Una vez accedemos a la web que entre otros idiomas viene en español nos encontramos con un generador online de Antipixel, fácil y rápido de utilizar. La aplicación online nos permite generar un botón con el texto y colores deseados para ser insertado en nuestro blog mediante un código HTML.
¿Como crearemos nuestro boton?
Solo tenemos que rellenar los campos a nuestro gusto.
Bloque izquierdo: Texto, Color del texto y Color del fondo.
Bloque derecho: Texto, Color del texto y Color del fondo.
Bordes: Color fondo externo y Color borde interno.
Formato: Elegiremos si queremos formato Gif o Png.
Si todo es correcto clicamos en “Crea el botón” y obtendremos una vista previa, tambien podemos borrar en “Reset” si no es de nuestro agrado.
Cuando hemos generado el botón con el texto y los colores deseados podemos transformar la imagen a código HTML sin necesidad de guardarla en ningún servidor.
Como bien sabéis a mi me gusta probar todo lo que os propongo y esta web no podía ser menos, y el resultado obtenido a sido este:
Espero le encotreis alguna utilidad a vuestro boton antipixel.
| [+/-] |
Un click para Suecia |
Seguramente ya lo habréis visto en otros blogs, esto significa que yo ya voy tarde, pero quiero aportar mi grano de arena a esta iniciativa.¡Hola! lunes 22 de diciembre de 2008 |
Ya sabéis todos los queráis colaborar visitad su blog y con solo clicar en su publicidad seguro ponemos nuestro granito de arena.
Desde Tirando de Blog os deseo mucha suerte y ánimos en vuestros objetivos.
| [+/-] |
Nuestra foto en una portada de revista |
Incluye portadas tan importantes como Interviú, Elle, GQ, National Geografhic, Maxim, Cosmopolitan, Playboy y unas cuantas mas.
Paso 1 – Seleccionar la portada que mas nos guste.
Paso 2 – Subimos nuestra foto haciendo clic en Browse.
Paso 3 – Resultado de la portada.
Una vez tenemos el resultado obtenido se nos ofrece un código Html para ser insertado en nuestro blog, una URL con el link directo a la imagen, o un BBCode.
Al igual que otras aplicaciones parecidas esta también es una interesante manera de pasar el rato, probando de colocar nuestras fotos o las de nuestros amigos.
Evidentemente yo lo he probado y el resultado obtenido a sido este:

| [+/-] |
Estilo Pullquote |
...hoy aprenderemos como poner a nuestro texto el estilo pullquote...
Según nos dice wikipedia: Pullquote es una cita o extracto de un artículo que se coloca en un mayor tamaño de letra en la misma página, que sirve para destacar y conducir a los lectores en un artículo y o bien para destacar un tema clave. El efecto es similar a los cuadraditos en prensa escrita, que destacan parte de un artículo.
Para aplicar el estilo pullquote como el ejemplo del parrafo anterior, de una forma muy sencilla en nuestro texto, solo tenemos que copiar y pegar el siguiente Código HTML en el editor de texto:
<div style="float:right;height:6em;width:150px;margin-top:10px;margin-bottom:10px;margin-left:10px;line-height:18px;text-align: right;">
<span >...hoy</span> aprenderemos como poner<b> a nuestro texto</b> el estilo<span > pullquote...</span>
</div><p style="text-align: justify;">
Según nos dice wikipedia: Pullquote es una cita o extracto de un artículo que se coloca en un mayor tamaño de letra en la misma página, que sirve para destacar y conducir a los lectores en un artículo y o bien para destacar un tema clave. El efecto es similar a los cuadraditos en prensa escrita, que destacan parte de un artículo.</p>
<div style="clear:both;"></div>Como veis en el código anterior podéis modificar a vuestro antojo, las fuentes, el tamaño y color de los caracteres.
| [+/-] |
Mostrar aniversario de nuestro blog |
Si queréis mostrar cuando será el aniversario de vuestro blog, podemos hacerlo gracias a la pagina Blogoversary .Tan solo tenemos que completar los siguientes datos:
Fecha de creación del blog (Formato Mes/Dia/Año).
Nombre del blog (Opcional).
URL del blog (Opcional).
De esta forma seguro que no nos olvidamos y podremos celebrarlo.
| [+/-] |
Blowin' in the Wind |

ESCÚCHALO EN EL VIENTO
¿Cuántos caminos tiene que andar un hombre
antes de que le llaméis hombre?
¿Cuántos mares tiene que surcar
la paloma blanca
antes de poder descansar en la arena?
Sí, ¿y cuánto tiempo tienen que volar
las balas de cañón
antes de que sean prohibidas para siempre?
La respuesta, amigo mío,
está soplando en el viento,
la respuesta está soplando en el viento.
Sí, ¿y cuánto tiempo tiene un hombre
que mirar hacia arriba
antes de que pueda ver el cielo?
Sí, ¿y cuántos oídos tiene que tener un hombre
para que pueda oír a la gente gritar?
Sí, ¿y cuántas muertes se aceptarán,
hasta que se sepa
que ya ha muerto demasiada gente?
La respuesta, amigo mío,
está soplando en el viento,
la respuesta está soplando en el viento.
Sí, ¿y cuántos años puede existir una montaña
antes de ser bañada por el mar?
Sí, ¿y cuántos años deben vivir algunos
antes de que se les conceda ser libres?
Sí, ¿y cuantas veces puede un hombre
volver la cabeza
fingiendo no ver lo que ve?
La respuesta, amigo mío,
está soplando en el viento,
la respuesta está soplando en el viento.
BOB DYLAND
Que mejor que una canción que habla de paz para desearos a todos/as unas felices navidades y un prospero año 2009.
| [+/-] |
Conociendo nuestra plantilla: 2-Wrappers |
Distribución:
En base al siguiente esquema de colores,
La parte mas externa del blog se llama outer-wrapper y es la encargada de englobar el resto de capas.
header-wrapper, Parte superior del blog.
content-wrapper, Es en esta parte donde se ubica la main-wrapper y la sidebar-wrapper.
Ver el siguiente esquema en base al color:
(Click en la imagen para ampliar)
| [+/-] |
Google Chrome ya no es Beta |
Google Chrome con la versión 1.0.154.36, ya no es Beta.Según Google, el navegador es usado por más de 10 millones de usuarios y en aproximadamente 100 días de vida se ha actualizado quince veces.
Desde su aparición Google a mejorado lo siguiente:
Más velocidad: V8 de Javascript.
Mejor control de la privacidad.
Mejor gestión de favoritos.
Google nos destaca que en seguridad a mejorado para intentan prevenir cualquier tipo de ataque.
Queda pendiente temas tan importantes como la compatibilidad con plugins y su disponibilidad en los Sistemas Operativos MAC y Linux.
Visto en: Googleblog
| [+/-] |
Añadir color de fondo a las Entradas o Post |
Si queréis dar un toque mas personal y cálido a vuestras entradas poniendo un color de fondo, de forma que quede parecido a estas líneas, es tan fácil como añadirle una tabla de color a nuestro post. |
Para conseguirlo lo haremos de la siguiente forma:
Nos dirigimos a “Creación de entrada” y en "Edición de HTML" pegamos el siguiente código:
<table bgcolor="#99c9ff"><tbody><tr><td>NUESTRO TEXTO</td></tr></tbody></table>
Si lo que queremos es dar siempre el mismo efecto a todas nuestras entradas pegaremos el código en “Configuración”, “Formato”, “Plantilla de entrada”.
Recordad que el código del color (#99C9FF) podéis modificarlo por el que mas os guste.
| [+/-] |
Listas |
Ordenadas numéricamente.
Lista sin numeración.
Para crear una lista numerada lo haríamos de la siguiente forma:
<ul>
<li> Inicio
<li> Cosas
<li> Opiniones
<li> Fotos
</ul>
Quedando de la siguiente forma:
- Inicio
- Cosas
- Opiniones
- Fotos
Si lo que deseamos es una lista numerada lo que tendríamos que poner es lo siguiente:
<ol>
<li> Inicio
<li> Cosas
<li> Opiniones
<li> Fotos
</ol>
Y ahora quedaría así:
- Inicio
- Cosas
- Opiniones
- Fotos
Claro esta que podéis utilizar el mismo código HTML para crear listas de enlaces y crear un menú sencillo.
| [+/-] |
Conociendo nuestra plantilla: 1-Ubicación |

Que tengamos un blog más o menos bonito u original depende de las modificaciones que podamos hacerle a nuestra plantilla, pues es esta la encargada de que todo funcione. Y a tal efecto es muy importante que sepamos identificar cualquier parte de la misma antes de hacer cualquier modificación importante
Un buen consejo es que antes de hacer ningún cambio guardemos siempre una copia de nuestra plantilla por si algo no acaba de salir bien, otro buen consejo es utilizar la vista previa para comprobar si el cambio a funcionado.
A nuestra plantilla se accede a través del panel de control del blog seleccionamos la pestaña “Diseño” y en ella encontraremos el enlace “Edición Html”.
Es aquí donde podemos ver el código de nuestra plantilla.
En próximos post iremos viendo cuales son las partes que forman nuestra plantilla y para que sirve cada cosa.
| [+/-] |
Redondear esquinas a nuestras imagenes |
Roundipc
es una herramienta online que nos da la posibilidad de redondear las esquinas de cualquier imagen, la cual podemos subir desde nuestro ordenador o mediante la url de la imagen directamente de internet.
De su mautoenú podremos seleccionar cómo queremos la esquina, el color, la calidad y el tamaño.| [+/-] |
Imprimir solo lo necesario |
Seguramente alguna vez habéis tenido la necesidad de imprimir una parte concreta de una web y hemos tenido que ir copiando y pegando por separado las partes que nos interesan. Cuando optamos por imprimir directamente el resultado no suele ser el deseado, pues normalmente el formato no se ajusta nunca a un DIN A4.Para conseguir imprimir solo lo que nos interesa podemos hacerlo en la web online print what you like. Este servicio nos proporciona un sencillo interfaz en el que podremos ocultar o alterar los elementos de la página a nuestro gusto antes de imprimirlos.
Para empezar, introducimos la url de la pagina que deseamos imprimir en el apartado Enter a url to Start y luego clicaremos en Start! para acceder al editor.
Entre otras opciones, podremos:

