Delicious LinkedIn Facebook Twitter RSS Feed

Cambiar posición de un gadget

Primero que nada veremos que gadget queremos mover:


Apuntamos la id. (ejemplo: HTML1)

Ahora ver en que posición del blog queremos mostrar nuestro gadget.

Ir a Diseño, Edición de HTML y justo arriba de ]]></b:skin>

Poner el código:

#HTML1{position:fixed;  top: 200px;  left:500px;  width:250px}

Acá voy a poner el gadget en una posición fija, a 200px desde arriba, 500px desde la izquierda.

Si es necesario agregarle un ancho fijo (width: ---px;)

Ejemplos:

Cambiar Gadget Imagen | Restablecer Gadget Imagen

Cambiar Gadget Reproductor | Restablecer Gadget Reproductor

Cambiar Label | Restablecer Label

Verán que no afectan las funciones.

Prueben abriendo y cerrando el label desde el titulo o escuchar Dejotas Radio.

Utilice su propia foto para el fondo de su blog

Articulo copiado de Blogger-in-draft

Por Lee Wongoo , Software Engineer

Después pusimos en marcha el Diseñador de plantilla de Blogger, Una de las características más demandadas es la capacidad de cargar su propia imagen de fondo . A pesar de que proporcionan cientos de fotos de archivo profesionales de iStockphoto, Sabemos que muchos de ustedes son aficionados a graves foto y desea utilizar su propia hermosa foto como imagen de fondo de su blog.

Y ahora usted puede! Ir a la | Diseño de plantillas de diseño de fondo |, Haga clic en Imagen de fondo, y verás que hay un nuevo " Subir imagen " opción, que le permitirá seleccionar y cargar la imagen.



Para las imágenes que llenan todo el fondo , se recomienda utilizar una resolución de 1800 píxeles de ancho y 1600 píxeles de alto , y el archivo de tamaño inferior a 200KB para reducir al mínimo el tiempo de carga de sus páginas blog. Apoyamos JPEG , GIF y PNG imágenes en formato .

Después de subir una foto, podrás ver las opciones adicionales que no están disponibles para el incorporado en imágenes: Alineación, Repetir, Y Desplácese opciones.


  • Alineación: Usted puede ajustar horizontal ( izquierda, centro , derecha) y vertical (arriba y abajo ) la alineación de su imagen de fondo.
  • Repetir ( Azulejos ) : Si usted tiene una pequeña imagen , puede hacer que se repita en horizontal y / o verticalmente para llenar la página. De lo contrario, le recomendamos que elija un color de fondo de la página que combina con su imagen de fondo .
  • Desplácese: Por defecto, sus estancias de la imagen en su lugar mientras los lectores de desplazarse por la página de contenidos . Al seleccionar el Rollo "con página " , tanto la imagen de fondo y contenido de la página desplazarse juntos. Le recomendamos que utilice una imagen que se funde con el color de fondo o un conjunto de baldosas que tu imagen verticalmente si se elige esta opción.

Esta característica está disponible en Blogger en borrador ahora mismo, así que por favor siga adelante y échale un vistazo! Como siempre , gracias por usar Blogger en borrador. Nos dará la bienvenida a sus comentarios, y si usted tiene alguna pregunta, por favor, envíe nuestro camino a través de la foro de ayuda de Blogger.

Diseño de casas modernas

Arquitectura

Evolución de la arquitectura hacia la casa moderna.
El desarrollo de la industria y la electrricidad impulsaron un cambio en la arquitectura que derivó en una nueva forma de hacer las casas. Hoy los perjuicios ocasionados por el gran desarrollo industrial y tecnológico empujan a los diseñadores a un cambio en esa forma de las viviendas que es la que conocemos como "casa moderna".

Para revisar posteos con información e imágenes de casas modernas siga este vínculo, hay una lista de posteos relevantes que podrá revisar.

Render de casa moderna
Casa moderna en perspectiva
Por ejemplo, los techos vuelven a ser altos y las ventanas más altas que anchas para permitir un mejor balance energético en el clima interior de las viviendas y un mayor acceso a la radiación con ventilación más eficiente. Muchas casas de diseño anterior a la casa moderna, tenía un funcionamiento que hoy valoramos como bioclimático.

Render de una casa moderna estilo Contemporáneo
Esto específicamente es eficiencia en la conservación de la temperatura interior durante los meses fríos y la no acumulación de calor excesivo en el verano, con buena ventilación y en los posible no tener que usar equipos para el ambientamiento climático, como los de aire acondicionado.
Leer más de este posteo

Radiadores de calefacción decorativos

Diseño

Nuevos modelos muy decorativos de diseño singular para radiadores de calefacción en interiores. Paneles altos que muestran una expresión artística como si fueran cuadros modernos. Los radiadores para la calefacción están pasando una etapa de superación y no terminan de sorprender. Karim Rashid, curadora de la exhibición sobre diseño de radiadores en MAD Museum en 2009 ha creado sus propios diseños para Caleido.

Radiador de calefacción
Radiador decorativo
Leer más de este posteo

Insertar una ímagen de loading a grandes imágenes


nombre

Ir a Diseño, Edición de HTML y justo arriba de ]]></b:skin>

Poner el siguiente código:

.load {background: url('URL de imagen - loading.gif') no-repeat center;}

En la imagen le agregaremos la clase load, de la siguiente forma:

<img src="URL de la imagen" alt="nombre" title="nombre" class="load"/>

Código generado por Blogger:

<div class="separator" style="clear: both; text-align: center;">
<a href="URL de la imagen" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL de la imagen" class="load"/></a></div>

Imágenes gif de loading

2 000 de las más hermosas mariposas en el mundo

20 de las más hermosas mariposas en el mundo
En DeviantArt, usted podrá encontrar una maravillosa colección que incluye 2000 de las mariposas más hermosas que existen en el mundo. Vea de cerca estos enigmáticos insectos y admire sus formas, colores y texturas con efecto macro. Sea testigo de una evolución inexplicable.
Nota: Haz click aquí o sobre la imagen para entrar y ver todas las fotografías de mariposas hermosas. Son más de 2,000 fotos de mariposas en colores y formas distintas.

Hermosos lugares para visitar

Hermosos lugares para visitar
¿Le gusta viajar? Si es así, le invito a conocer varios lugares muy lindos donde seguramente encontrará usted los elementos necesarios para pasarla muy bien sin necesidad de gastar tanto. Descubra Italia, Venezuela, Etc.
Nota: Haz click aquí o sobre la imagen para entrar y ver todas las fotografías.

La boda de mi amigo by RedHeartPhoto

La boda de mi amigo by RedHeartPhoto
Bonita colección de imágenes tomadas durante la celebración de una boda. La creatividad e imaginación se hicieron presentes para lograr un escenario fantástico e inolvidable. Una verdadera sobredosis de ideas.
Nota: Haz click aquí o sobre la imagen para entrar y ver todas las fotografías.

Google Reader: versión móvil de tu blog y más

Hace unos días JMiur nos mostraba un forma de ver nuestro blog desde un móvil con Onbile.

Me acorde una forma que yo veía algunas páginas cuando tenia una Palm.

Google Reader tiene un servicio que comprime todo el contenido de una forma muy sencilla para que lo podamos visualizar desde nuestro Móvil.

Es muy simple, no implica instalar ningún código, solo poner un link.

Si quieres ofrecer la versión móvil a tus lectores solo tendrías que poner un enlace, o imagen con enlace.

Agrega la dirección de los feeds RSS de tu sitio al final de la siguiente URL:

http://www.google.com/reader/m/view/feed/

Ejemplo:

http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/blogspot/qygH


Google reader también guarda un historiar de tu feed que puede ser útil para recuperar datos perdidos:

Ejemplo:

http://www.google.com/reader/atom/feed/http://feeds.feedburner.com/blogspot/qygH?r=n&n=999

Cambiar URL de tu feed y numero que quieras ver.

Ver Versión móvil

Código:

<a href="http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/blogspot/qygH">Versión móvil</a>

Iluminación exterior y seguridad

Ideas & Consejos

Consejos para iluminar su propiedad ajustado a presupuesto.
Hay muchas buenas razones para iluminar su propiedad en la noche, una de las cuales es la seguridad. Más allá de la seguridad sin embargo hay otras consideraciones. La iluminación exterior puede transformar completamente el aspecto de su casa al anochecer. La iluminación afuera tiene la reputación de ser cara de instalar y mantener, pero no tiene que serlo.

Para ampliar información sobre iluminación siga el vínculo, hay una lista de posteos relevantes que podrá revisar con facilidad.

Farola iluminación exterior
Iluminación de exteriores
Estos son algunos consejos para ayudarle a sacar el máximo rendimiento de su presupuesto para poder instalar iluminación exterior y convertir su hogar en un espectáculo nocturno en el vecindario.
Leer más de este posteo

Viviendas: Recursos para casas baratas

Económicas

Puede ver más sobre casas baratas en un posteo previo.
Gran parte del valor de las casas en muchos países se debe a especulación partiendo de la escasez de la tierra en un determinado lugar. Otra proporción está relacionada con la especulación en los materiales. Hay países en donde buena parte del precio de una casa está justificada por la mano de obra. El conjunto de estos factores de peso lleva el precio a un valor tan alto que muchas familias apenas pueden acceder a su propia casa hipotecándose de por vida.

Casa barata
Algunos proyectos de casas baratas, programas para solucionar carencias de vivienda, ideas originales e inspiradoras para construir casas con pocos recursos económicos:
Leer más de este posteo

La serpiente verde (The green snake)

La serpiente verde (The green snake)
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

El pequeño perro (The little dog)

El pequeño perro (The little dog)
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

La chita y su familia (The Cheetah and her family)

La chita y su familia (The Cheetah and her family)
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

Colibrí o chupamirto

Colibrí
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

Elefante marino tomando el sol

Elefante marino
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

Gatito

Un lindo gatito
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

Un lindo perrito dálmata con machas en blanco y negro

Un lindo perrito dálmata
Nota: Haz click aquí o sobre la imagen para ampliar el tamaño de este wallpaper.

De cómo hacer casas baratas

Económicas

Contar con suficiente información y tener un proyecto es fundamental para hacer una casa barata.
La construcción es de considerable costo y una casa es la inversión más importante en la vida de cualquier persona. Muchas puede hacer su propia casa con sus medios. Otras pueden acceder a viviendas en oferta en el mercado a bajo precio. Hay variedad de materiales, incluso de descarte, métodos, técnicas, ideas y ejemplos de casas baratas que no siempre son de baja calidad o mala, como suele asociarse la casa de bajo precio. Muchas casas prefabricadas caen en la categoría de casas baratas, pero no lo son la mayoría, ni lo resultan en el medio y largo plazo porque no duran o hay que sumarles importantes gastos.

Para ampliar información y ver imágenes de proyectos de casas siga el vínculo, hay una lista de posteos relevantes que podrá revisar en forma ordenada.

Anuncio de casas baratas en USA
En este mismo blog hay varios ejemplos de casas baratas hechas de muy diferentes maneras y con materiales y técnicas sorprendentes. Fundamentalmente hay que considerar cuál es la necesidad a cubrir y que recursos básicos hay disponibles ya que no es lo mismo construir un refugio para una familia luego de una catástrofe ambiental o para homeless, que hacer viviendas para familias de bajos recursos en los bordes de un área metropolitana.
Leer más de este posteo

VkuMenuBar: Menú fijo abajo con entrada deslizante By: Vku

Es un proyecto que hace un tiempo empecé y quiero compartir con ustedes, espero que les guste.



Es totalmente personalizable mediante CSS.

Al abrir el blog o página el menu va entrando desde abajo con efecto deslizante.

Ver Imágenes.

Se le puede poner imágenes o texto.

Imágenes junto con texto.

La altura se adapta al tamaño de la imagen.

Se puede elegir el tamaño y colores.

También se puede mostrar en el centro.

Queda siempre fijo en la parte de abajo del blog o página, con un ancho del 100%, adapatandose a la resolución del monitor del visitante.

Se puede cambiar el ancho por un valor fijo, junto con su posición.

A la derecha tiene un botón de cierre del menú.

Al cerrar el menú queda una imagen fija para poder abrirlo nuevamente.


Las imágenes de los botones se pueden cambiar por otras, a su gusto.

Dentro del menú puede ir imágenes junto con texto, solo imágenes o solo texto.

Se le puede colocar distintos tipos de botones sociales.

El tamaño y la ubicación se apaptan mediante códigos CSS individuales.

La altura se adapta a la imagen o se pueden ponerla con una altura fija.

Como vieron en las imágenes de arriba se puede cambiar el color del fondo y del texto.

¿Cómo poner el menú?

El código va dentro del cuerpo del documento entre las etiquetas <body> y </body>


Yo lo puse debajo de <body>

En Blogger también se puede poner en un gadget HTML/Javascript.

Código:
<div id="vkumenubardos" style="padding:4px;position:fixed;z-index:990;right:0;bottom:0;display:none;">
<!-- Acá va el botón para abrir el menú -->
<a href="javascript:abVkuMenuBar()"><img src="http://img44.xooimage.com/files/c/d/a/top-1eb247f.png" style="border: 0; margin-right: 5px; width:24px; height:24px;" /></a>
</div>
<!-- Personalizar menú, color del fondo y borde -->
<div id="vkumenubar" style="padding:0;position:fixed;z-index:999;left:0px;bottom:-100px;width:100%;background-color:#555;border-top: 4px double #ccc;">
<!-- Acá va el botón para cerrar el menú -->
<a href="javascript:closeVkuMenuBar()"><img src="http://img10.xooimage.com/files/0/d/2/1279873511_close_box_red-1e94d34.png" style=" float: right; border: 0;margin-right: 10px;" /></a>

<!-- Acá van las imágenes con sus link -->
<a class='linkvkumenubar' href='http://twitter.com/v_ku' target='_blank'><img style="border: 0; margin:8px 10px; width:24px; height:24px;" src="http://img41.xooimage.com/files/7/9/5/logo_twitter-1eb2409.gif" title='Twitter'/></a>

<a class='linkvkumenubar' href='http://www.facebook.com/loseasi' target='_blank'><img style="border: 0; margin:8px 10px; width:24px; height:24px;" src="http://img49.xooimage.com/files/0/f/f/logo_facebook-1eb23fb.gif" title='Facebook'/></a>

<a class='linkvkumenubar' href='http://www.youtube.com/user/thevku' target='_blank'><img style="border: 0; margin:8px 10px; width:24px; height:24px;" src="http://img41.xooimage.com/files/b/6/1/logo_youtube-1eb240c.gif" title='You Tube'/></a>

<a class='linkvkumenubar' href='http://www.myspace.com' target='_blank'><img style="border: 0; margin:8px 10px; width:24px; height:24px;" src="http://img45.xooimage.com/files/2/b/3/logo_myspace-1eb2423.gif" title='MySpace'/></a>

<a class='linkvkumenubar' href='http://feeds.feedburner.com/blogspot/qygH' target='_blank'><img style="border: 0; margin:8px 10px; width:24px; height:24px;" src="http://img43.xooimage.com/files/3/f/5/rss-1eb2412.jpeg" title='Rss'/></a>

<a style="text-decoration: none; bottom:17px; margin:0 10px;position:relative;color:fff" href='http://loseasi.blogspot.com' target='_blank'>¿Cómo se hace...?</a>
<!-- Fin imágenes con sus link -->
</div>
<script src='http://sites.google.com/site/vkuloseasi/archivos/vkumenubar.js' type='text/javascript'></script>
Lo de Rojo es el contenido que se ve en el menú, ahí muestro el ejemplo con imágenes y texto.

Personalizar cambiando las imágenes, link, etc., o poner sus propios botones.

Si quieren pueden descargar el archivo JS y subirlo a otro servidor, sin modificar los datos.

O sustituir:
<script src='http://sites.google.com/site/vkuloseasi/archivos/vkumenubar.js' type='text/javascript'></script>
Y poner en su lugar el script dentro del archivo.

Del siguiente modo:
<script type="text/javascript">

        // aquí va el contenido del script ...

</script>

Si tienen dudas pueden dejar un comentario.

Puertas de cristal diseño italiano

Aberturas

Las puertas de cristal para interiores pueden ser recursos funcionales, decorativos y hasta objetos de arte. Estas puertas italianas de impecable diseño vienen en una variedad para atender gustos y necesidades diferentes. Hay puertas abatibles, deslizantes, colgantes, transparentes, decoradas y muchos diseños son realmente únicos. Usted puede ver muchas más puertas de cristal y de otros tipos en el sitio web de OTC.

Por más información y fotos de aberturas, puertas y ventanas, siga el vínculo, hay una lista de posteos relevantes ordenada para su fácil consulta.

Puertas de cristal
Puertas de cristal italianas para interiores
La compañía italiana hace puertas que no son las usuales, sus diseños son creativos, modernos y no verá uno que pueda decir es un puerta promedio.
Leer más de este posteo

Mostrar imagen con botón de cerrar y cierre automático

Es el mismo código que la parte 1, lo que esta ves se le va a agregar un tiempo para que se cierre solo.

Ver parte 1:

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código:
<script type='text/javascript'>
function cerrarelemento(){
div = document.getElementById(&quot;cerrarelemento&quot;);

div.style.display=&quot;none&quot;;
}
setTimeout(cerrarelemento, 90000);
</script>

Cambiar milisegundos 90000 (90 segundos)

1 segundo es igual a 1000 milisegundos.

El contenido a mostrar lo colocaremos abajo de <body>

<div id='cerrarelemento' style='border: 0 !important; background: transparent; left:15px;top:10px;position:fixed;width: 190px;z-index:9999'>
<a href='javascript:cerrarelemento();'>
<img src='URL DE LA IMAGEN CERRAR' style='float: right;border: 0' title='Cerrar'/>
<img src='URL DE LA IMAGEN' style='border: 0'/>
</a>
</div>

Guardamos los cambios.

Códigos CSS para personalizar:

left:15px: distancia desde la izquierda.
top:10px: distancia desde arriba.
position:fixed: se muestra el contenido del div siempre fijo con la posición establecida por left y top.
width: 190px: distancia desde la izquierda para mostrar la imagen de cerrar.
float: right: muestra la imagen de cerrar del lado derecho.

Por otros detalles sobre el código ver: Parte 1.

Botones de cerrar:

Si ya están utilizando el código de la parte 1, solo agregar esta línea arriba de </script>:
setTimeout(cerrarelemento, 90000);

12 imágenes hermosas con efecto HDR

12 imágenes hermosas con efecto HDR
El tratamiento digital de las imágenes, permite cada día lograr más y mejores efectos en nuestras fotografías. Usando Photoshop y en tan sólo algunos minutos, se han conseguido verdaderas obras de arte. A continuación, descubra la fusión de la creatividad con una sobredosis de tiempo y un poco de imaginación.
Nota: Haz click aquí o sobre la imagen para entrar y ver todas las fotografías.

HAZ CLICK sobre cada imagen si deseas AMPLIAR SU TAMAÑO













OTRAS OPCIONES PARA USTED, (elija por favor)
1.- Conozca el origen de estas imágenes y vea más fotografías
2.- Conozca nuestro fotoblog oficial (www.1m4g3n3s.com)
3.- Regresar a la página principal de este blog
4.- Si lo desea, síganos en Twitter (@BancodeImagenes)
5.- ¿Tiene usted una cuenta en Google? ¡Únase a nuestra red!
6.- ¿Le gusta compartir en Facebook? ¡Únase a nuestra comunidad!
7.- ¿Aún no se ha suscrito a este blog? ¡Puede hacerlo ahora!
8.- ¿Desea comentar algo, preguntar o hacer alguna sugerencia? ¡Adelante!

10 paisajes inéditos para la pantalla de tu compu

10 paisajes inéditos para la pantalla de tu compu
Marcando como siempre la diferencia, tenemos como regalo especial para todos ustedes que amablemente visitan el Banco de Imágenes Gratuitas desde cualquier país, 10 paisajes inéditos que podrás utilizar en tu laptop o pc de escritorio.
Nota: Haz click aquí o sobre la imagen para entrar y ver todas las fotografías.

HAZ CLICK sobre cada imagen si deseas AMPLIAR SU TAMAÑO









OTRAS OPCIONES PARA USTED, (elija por favor)
1.- Conozca el origen de estas imágenes y vea más fotografías
2.- Conozca nuestro fotoblog oficial (www.1m4g3n3s.com)
3.- Regresar a la página principal de este blog
4.- Si lo desea, síganos en Twitter (@BancodeImagenes)
5.- ¿Tiene usted una cuenta en Google? ¡Únase a nuestra red!
6.- ¿Le gusta compartir en Facebook? ¡Únase a nuestra comunidad!
7.- ¿Aún no se ha suscrito a este blog? ¡Puede hacerlo ahora!
8.- ¿Desea comentar algo, preguntar o hacer alguna sugerencia? ¡Adelante!