| [+/-] |
Crea un boton Antipixel para tu blog |
Estos pequeños botones llamados antipixel fueron creados por Jeremy Hedley, y son usados sobretodo por los bloggers, ya que son agradables a la vista, visibles y fáciles de colocar dentro de la gráfica de la web. Podemos utilizar estos botones para crear enlaces elegantes a sitios web, pero sin el peso que suelen tener las imágenes.En Pixel Button podemos diseñar facilmente este tipo de botones para incluirlos en nuestros blogs.
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.
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 |
El lunes 22 de diciembre de 2008 se presento la iniciativa de 3 estudiantes bahienses de la Universidad Nacional del Sur (Argentina): Nicolás Álvarez, Ricardo Matías Ferro Moreno y Nicolás Komañski y nos cuentan su historia en su blog.
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.A continuación os adjunto la entrada que efectuaron en su blog “Un click para Suecia”:
¡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 |
Os gustaría tener una portada de revista con vuestra fotografía. Si hacer ningún fotomontaje y con solo tres clics tendremos nuestra fotografía en la portada de las revistas más conocidas del mundo.
Esto nos lo permite la pagina El maestro del ocio.
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).
Clicamos en “Generate code Below”.
Y nos proporcionan un código para pegar a nuestro blog como un nuevo elemento, así mostraremos un botón con un contador de cuenta regresiva hasta llegar al aniversario de nuestro blog, obteniendo un resultado como este:
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 |
Para poder ubicarnos y identificar las partes de nuestra plantilla debemos saber en primer lugar que es cada cosa, hoy hablaremos de los “wrappers”, o sea de las capas que forman nuestro blog.
Distribución:
En base al siguiente esquema de colores,
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:
Estabilidad: Las versiones actuales son mas estables y no se cuelgan como al inicio.
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
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 |
Una utilidad que podemos necesitar cuando nos interesa crear listas de enlaces o de datos por ejemplo para nuestra sidebar, son las listas de código HTML, podemos obtener dichas listas de la siguiente forma:
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:
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 |
Si tenemos una fotografia a la que queremos redondearle los bordes, os presento Roundpic.
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.Una vez retocada la imagen, la aplicación permite que si queremos podamos guardarla haciendo click en “Download”.
Espero os guste.
Espero os guste.| [+/-] |
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:
Remove Background: Eliminar el color de fondo.
Remove Images: Eliminar las imagenes.
Text Size: Variar el tamaño del texto.
Font Type: Variar la fuente
Isolate Selected: Imprimir una sección solamente.
Wilden Selected: Ampliar la superficie.
Cuando tengamos nuestro documento listo, solo quedará pulsar en Print y obtendremos el resultado final.
Suscribirse a:
Entradas (Atom)
