Blog Day !!!

Cumpliendo con la premisa de este día, aquí les dejo mis 5 blogs recomendados:

Leis de Murphy Este es un blog de brasil que no sé como encontré pero me gustó ya desde su encabezado y el título.
No comprendo todo todo, porque está en portugués (obviamente), pero lo poco que comprendí me gustó. Es simpático.

Latinbar Este es el space de un viejo amigo que está vivendo desde hace unos años en EEUU, se dedica al mundo del Flair, y de eso se trata su espacio.

Polvo de Tiza Muy buenos los comentarios, no se trata de nada en específico, es bien personal, y tiene una visión de las cosas, que disfruté pasar por allí.

Las rutas de Angélica No puedo dejar de recomendar este blog, de una querida amiga virtual, la cual te da una mano y acaricia el espíritu dando confort cuando uno más lo necesita. Angélica gracias por todo ^_^

Cabalas Virtuales La premisa de este día es dar a conocer blogs de otros países, otros idiomas, otras culturas, y blogs nuevos. Este blog es relativamente nuevo, (todavía no tiene 1 año), es de otro país, es en español de España, (en algunas exprexiones un español distinto al mío), y sin dudas que como es de otro país, en otro continente, es de otra cultura (?), es decir, cumple con todos los requisitos, además que pertenece a una querida amiga virtual, a la que no puedo hacer más que recomendarla mil veces. En este blog, podrán encontrar de todo como en botica, y siempre contarán con el comentario fresco y amigable de una persona espectacular. Yolanda mil gracias ^_^

Enlaces:
http://www.blogday.org
http://technorati.com/tag/BlogDay2007

Menu fijo

Hace un tiempo me encontré con este truco en el blog de Yolanda, se trata de un menú lateral fijo, que al bajar por la página con el scroll, el menú continúa en la misma posición. (Sólo en Firefox, en IE queda fijo)
El menú consta de inicio, email, botón hacia arriba, archivo y feed.
Lo pueden ver en el costado izquierdo del blog, pero como no se ve bien en IE lo tendré por unos días nada mas.
Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Para configurarlo es muy simple:
Nos dirijimos a Plantilla/Edición de HTML y buscamos el siguiente código:

]]></b:skin>

Justo antes de esto colocamos:

#menulateral{
position:fixed;
text-align:left;

/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:100px;
margin-left:-28px;
}

* html #menulateral{ /*para IE*/
position:absolute;
}

#menulateral a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#menulateral a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #menulateral a img{
filter:alpha(Opacity=100);
}

#menulateral img{
margin-bottom: -5px;
}

* html .menulateral{
margin-bottom: -3px;
}

Ahora buscamos el siguiente código:

<div id="content-wrapper">

Y debajo de ese código colocamos el siguiente:

<div id='menulateral'>
<span>
<a href='http://TUBLOG.blogspot.com/' style='border:0;' title='Inicio'><img alt='Inicio' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGnCQaMA0k3hkNjWyFE5lRcb0qKUgbVYtcBsjAri5zC3z1JzKckSGi9Q7vsYJdzb1DZNaDQjqdG1qvqnYFlngnxUuq4GHHH09fsVW96NjhbLTQr_rVYuqW-IKusBjpxKt_WS0qzNyv8mM/s1600/menu-lateral-inicio.png'/></a>
<br/>
<a href='#BlogArchive1' style='border:0;' title='Archivo'><img alt='Archivo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZMHgUmpCRWOJyMR-F6PTsbaUImw3-im5cF4lebsCV-3BAoy9g1hxqNclXIxtZL-3HbZm3tCgbTpe_ggdHi4HUOsbMczCF3vaw9WOhVOcDrOtn1w24Xd33nVuap742aDAFxW2SR7P0Ew/s1600/menu-lateral-archivo.png'/></a>
<br/>
<a href='mailto:TU-MAIL@servidor.com' style='border:0;' title='Contactame'><img alt='Contactame' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbupXeEvWo57-48m_L44JcAn0l0zj2B3__pxLlXaKygci2iGIS7YqaznCQ9FpMiuQQt9SwGxevwHkbKUk_8NITlJSHoLwFAktf5YzWs8w5XxNw5PHQnIvO8zEnMxdvMGtuYBTpg4P3YeU/s1600/menu-lateral-contacto.png'/></a>
<br/>
<a href='http://TUBLOG.blogspot.com/feeds/posts/default' style='border:0;' title='Suscribete a nuestro Feed'><img alt='Suscribete a nuestro Feed' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz19laEo7aiq_LX-IqB10K3zqgmgCsB-oaUVWb7_un0PZOvMee_eiyHKkILETrmBg3KNxqKghbJvnLLb8aPuQJU8gVz25GELIvgNiMlDdiE1SCE6lK3-qotqOPv1trk4nGznsjFUsThXg/s1600/menu-lateral-feed.png'/></a>
<br/>
<a href='#' style='border:0;' title='Arriba'><img alt='Arriba"' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDL4Sl-9ozZTJ6vjhIr8De6TiFcSDA-aNpz-r8x3HMlrLPdUt__sXAGwjkDsiAQ-coG4yvVA-aEJiC1glM4dqWIGtglyi0QJ9_NxDay91RUHmasIqlunSdSmVTUDa2_9wgJ2OkyPwlUg/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>

En este código tenés que cambiar lo que está en negrita

http://TUBLOG.blogspot.com/ - Por la dirección de tu blog.
TU-MAIL@servidor.com - Por tu dirección de correo
http://TUBLOG.blogspot.com/feeds/posts/default - Por la dirección de tu feed

Guardás los cambios y pronto, como ya dije yo lo tendré unos días nada más.
Camila espero que te sirva esta explicación, y que te quede bien ^_^

Actualización 28/09/07
No todas las plantillas son iguales...
Teniendo en cuenta esto paso a comentar: para aquellos que no encuentran en sus plantillas <div id="content-wrapper"> ó <div id='content-wrapper'>, pueden colocarlo el código debajo <div id=outer-wrapper'><div id='wrap2'> ó debajo del div del contenedor principal.
También pueden probar con el método que propone Rosa en su blog, que podría resultarles más fácil.
De todos modos aclaro, pueden ir probando y viendo con la vista previa antes de guardar, y siempre recuerden que solo con Firefox tiene el efecto de scroll.
Gracias Birtha por el aporte.
Seguir Leyendo...[+/-]

Esquinas redondeadas sin esfuerzo

Dandome una vuelta por Xyberneticos, encontré esta exelente forma de crear un efecto de redondeado, sin la necesidad de estar recuerriendo a los programas de edición de imágenes.
Con la ayuda de una pequeña librería Javascript (Glossy.js 1.3).
El efecto que lograremos será el siguiente:

Primero vamos a Plantilla/Edición HTML, agregamos en nuestro encabezado, antes de la etiqueta </header> lo siguiente:

<script type="text/javascript" src="http://URL DONDE ALOJASTE EL .JS DEL ZIP">

y guardamos los cambios.

Ahora, cada vez que deseamos usar este recurso, agregamos a nuestras imágenes la clase “glossy”
<img src="URL DE LA IMAGEN" class="glossy" />

También podemos varias el radio del efecto agregando “iradius” seguido por el radio deseado en porcentaje clase “iradius25” (min=20 max=50 default=25 del radio)
La foto del ejemplo posee un radio de 35.
<img src="URL DE LA IMAGEN" class="glossy iradius25" />

También podremos variar el color del gradiente agregando "igradient" seguido por el color deseado
(Max=ffffff min=000000 default=0)
<img src="URL DE LA IMAGEN" class="glossy igradient000000" />

Además también podemos variar el color de fondo agregando "ibgcolor" seguido por el color deseado expresado en hexadecimal: (max=ffffff min=000000 default=0)
<img src="URL DE LA IMAGEN" class="glossy ibgcolor000000" />

Este truco también lo vi en Gemablog-
Seguir Leyendo...[+/-]

Noche de la Nostalgia

Hoy en Uruguay se celebra La Noche de la Nostalgia, toda una tradición moderna, y estadísticamente es la noche en que sale más gente a bailar.
Por esta razón les dejó el línk a la RADIO ONLINE oficial de la noche, la cual pasará durante toda la noche los temas más nostalgiosos de estas últimas décadas, y con nostalgioso no me refiero a triste, todo lo contrario, es la noche para recordar nuestros mejores momentos.

Desde ya les deseo a todos una Muy Feliz Noche de la Nostalgia !!!












Nos reencontramos el lunes ;)

Gikr

Crea tus Gifs animados on line.
En esta página, podés subir tus imágenes, elegir el tamaño, y la rapidés del Gif, y al final te dará el código para poder publicarlo.
Aunque está en ingles, es muy fácil y predictivo su uso.



Acá les dejo un ejemplo, y si pinchan en la imagen se pueden enterar de que se trata.

Nueva herramienta de Blogger

A partir de hoy aparece en la barra de edición de entradas, la posibilidad, de como pasa con las imágenes, poder alojar videos en tus posts, sin necesidad de alojarlo primero en otro lado. Esto ya estaba en prueba en Draft Blogger desde hace tiempo, pero al parecer ya pasó la etapa de prueba.

Prueba de video

Parece que no me anda. En Firefox menos :(

Cuadro de código

Para poner en el blog los codigos en cajas de texto, aunque también puede funcionar con las etiquetas <quote></quote> les presento este otro modo.
Lo descubrí navegando por varios blogs, pero no recuerdo en cual, por lo tanto esta vez no podré recomendarselo, si el autor lo reconoce, que deje un comentario :)

Así quedaría una vez que introduzcan las etiquetas
<pre><code></code></pre>

 Hola ^_^ 

Ahora, el código que se necesita para ese efecto es el siguiente:
Para agregar este código a Blogger, simplemente ve a Edición HTML y agrega el código antes de ]]></b:skin>

pre {
background:transparent url(http://img509.imageshack.us/img509/3046/codema7.png) no-repeat 0 0; /* Imagen Superior, si desas cambiarla modifica lo que se encuentra dentro de url */
padding-top:24px; /* Relleno - para ajustar Fondo */
}
pre code {
overflow:auto; /* Determina si es necesario agregar barras de Scroll */
background-color:#fffbe5; /* Color de Fondo en Hex */
border:1px solid #fff1a3; /* Color de Borde en Hex */
color:#7e1f09; /* Color de letra en Hex */
display:block; /* No tocar */
padding:5px; /* Relleno del cuadro */
white-space:pre; /* No tocar */
text-align:left; /* Alineacion del Texto , left=izquierda, center= centrado, right=derecha */su
min-height:63px; /* Altura minima del Cuadro */}
/* Cuando pase el Mouse sobre la caja ocurrirá lo siguiente: */
code:hover {
background-color:#FEFEDD; /* Color de Fondo en Hex */
border:1px solid #ffd511;/* Color de Borde en Hex */le
}

Para modificar la apariencia, simplemente tenés que cambiar algunos Colores HEX, también podés cambiar la Imagen que dice "Código" cambiando la URL de la misma por la que más te convenga.

Seguir Leyendo...[+/-]

Blog Day

Are you a blogger?
Are you ready to be part of something big?
Do you want to leave a mark on the face of the earth?
CELEBRATE THE 3rd BlogDay ON AUGUST 31st
Así se presenta esta web que propone festejar el 31 de Agosto el Día del Blog.
No hace mucho me había enterado del Día Internacional del Webblogger creando una entrada al respecto, pero ahora me entero de este otro día para festejar un día para la comunidad bloguera.
No sé cual de los 2 será el primero, pero si se trata de festejar, bienvenido sea.
Aquí les dejo la propuesta para festejarlo correctamente:

¿Qué es el BlogDay?
El BlogDay es el día de los blogueros, ha sido creado para que los blogueros conozcan otros blogueros, de otros países y de otros centros de interés. El 31 de agosto es el día en el que los blogueros dan a conocer otros autores. Así de sencillo.!
¿Qué ocurrirá durante el BlogDay?
Toda la jornada del 31 de agosto, los blogueros en el mundo entero postearán un artículo recomendando 5 nuevos blogs, preferentemente blogs diferentes a su propia cultura, punto de vista y posición. Así, ese día, el 31 de agosto, los lectores descubrirán otros autores alejados de su entorno habitual. Es un día para descubrir nuevos blogueros y nuevas experiencias.
Las instrucciones del BlogDay:-Encontrar 5 nuevos blogs que consideras interesantes.
-Informar o advertir a los autores seleccionados tu recomendación para el BlogDay.
-Escribir una descripción corta de cada blog y enlazarlos.
-Publicar una entrada el 31 de agosto, el BlogDay, mencionando los 5 blogs que recomiendas
-Agregar el tag BlogDay de Technorati: http://technorati.com/tag/BlogDay2007
-y un enlace al sitio BlogDay: http://www.blogday.org

¡A celebrar el BlogDay!
Seguir Leyendo...[+/-]

Kissdesign

En Kiss Design se van a pasar un buen rato, si quieren ver todo lo que tienen.
Está en francés y dá la opción de pasarlo a inglés, pero no hay mucho que entender.
Pueden encontrar, relojes, postales, fondos, muñecas, firmas, protectores de pantalla, tiene un karaoke en francés especatcularmente bizarro, blinkies, gifs
Acá les dejo una de las tantas cositas lindas que hay.