jueves, 6 de enero de 2011

Poner una imagen flotante en blogger

Holis! Os dejo un tutorial sobre cómo poner una imagen flotante en blogger, cómo la que yo tengo en el fondo a la derecha (que ahora mismo es una caca rosa :D ) Espero que os guste ^^



1. Váis a DISEÑO-Elementos de la página.

2. Creáis un nuevo gadget HTML y pegáis en él el siguiente código:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL"/><img src="LINK DE IMAGEN" /></a>


3. Dónde pone URL ahí ponéis la url que queráis enlazar con vuestra imagen. Y dónde pone LINK DE IMAGEN ahí pegáis el "Direct link" de vuestra imagen (que previamente habréis subido a un hosting, ejemplo imageshack)

4. Guardáis y listo! :P



Esta entrada es:

35 comentarios:

Muchas gracias por el tutorial, desde q entre en el blog la primera vez tuve curiosidad por saber como se ponia xDD Gracias! :)

gracias que bueno =) me encanta la caquita xD

besos!

0la k buen blog oye tu sabes como poner una imagen en vez de k diga Publicar un comentario en la entrada aparezca una imagen

=v1ct0r= no entendí... :S La imagen que expliqué yo como poner puedes poner sólo una imagen o una imagen con un texto o lo que quieras que esté en png xD

Ola no es lo k explicas aki y ps no se como decirte mira te dejo un link donde vi eso

http://ciudadblogger.com/2009/05/imagen-en-el-formulario-de-comentarios.html

pero ps a mi no me sale y no se tu lo hayas intentado hacer o talvez ya no se pueda hacer en las plantillas modificadas

hola ami no me sale la imagen ...hize todo lo que me dijiste

exaacto!!! =/

tambien quiero saber como rayos se pone una imagen en vez d: "publicar un comentario" en el formulario de comentarios

y tambien no explicas como haces para q la imagen d la "plastita rosa" xD se deslize al subir o bajar el blog la pagina =/

donde esta ese codigo q decis?

seguramente q no sale tan facil eso d la imagen en el formulario d comentario porq utilizamos d las nuevas plantillas 0_0

explicacion por favor!!!

A ver, el tutorial es sobre como poner una imagen como la que se ve en mi blog en la zona inferior derecha. Lo que decís del formulario de comentarios sería otra cosa distinta y claro que no lo expliqué aquí, si es que es diferente ._. Respecto a los que no os sale pues probablemente sea porque la plantilla que usais no sea compatible. Mi blog tiene la plantilla mínima, esa no da problemas.

Este comentario ha sido eliminado por el autor.

Olaaaa, muchas gracias por el tutorial!

xD jajaj.. que buena.. me gusta!!! gracias por el tuto ;D

Gracias por el tutorial :D.. coloque un cerdito en el mio *-* si quieres pasas y los ves ;)

Besos :*

perdona pero no puedo entrar al enlace para ver el codigo, me lo puedes poner???

Me ha salido a la primera... pero ¿como has exo para que a ti detras dle dibu se te vea el fondo?

Hii *-*, tu blog es demasiado mono x3,

oye si lo podrias subir el codigo en otra pagina porque te escribo en 2012, por la ley SOPA & megaupload lo cerraron D: porfis xd, gracias n__n

Muy buena información....¡¡¡Excelente!!!...me sirvio de muchoo
gracias por compartirlo con todas las personas...:D

Muchiiisimas gracias; ya que estamos con los comentarios te dejo uno ;)

hola oye tengo un problemilla con los flotantes es que cuando voy bajando con el scroll las imagenes se hacen debajo de los anunsio de google y no se ven que hago?

quiero tener visitas mi web es http://djrichard99.blogspot.com/ como sgo

Hola!! muchas gracias!! la imagen flotante le da un toque bonito a nuestros blogs!! por cierto aqui te comparto el mio y te ganaste un espacio en mi blog lo veras al lado izquierdo de (Blog para NO perderse)!!

http://gabydiceentretenimientoymas.blogspot.com/

Muchas Gracias nuevamente!!! =D

hola me ha gustado mucho tus tutos, me pregunto que tipo de plantilla utilizas ya que me gusta mucho su dise;o sobre todo sus paginas, osea no el nombre si no el formato me gusta muchisimo, si podes contestame por facebook en Miley cyrus y Justin bieber en donde hay uuna foto de justin con camisa blanca como foto de perfil, te pido por favor que me contestes ya que en verdad quiero saberlo gracias.

Muy buenos tus tutoriales y los explicas con una voz muy dulce:). Estoy haciendo mi blog y sigo bastante tus tutoriales. Me gustan las imágenes flotantes. ¿Puede ponerse más de una? A mí se me colocan una encima de la otra.
Muchas gracias y felicidades:)

gracias por el tutorial me acabas de salvar de perder una nota en el area de informatica ;)

Hola quisiera saber donde consigues esa imagen gracias y me gusto mucho el tutorial!
http://cositasparatus-blogs.blogspot.com/ Visiten mi blog!!

Hola, una pregunta, hize todos los pasos que me dijistes y si me funciono, pero mi dibujo sale en un recuadro y veo que el tuyo sale la image sola como recortada, la cual es mucho mejor asi deja ver un poco lo que hay detraz... dime como haces para hacer que el dibujo salga como el tuyo. Gracias :)

Gracias por la explicación. Ya le he puesto una imagen flotante a mi blog!!!!

Buenas, tengo una preguntita, ¿dónde consigues los temas que utilizas en tus vídeos?. Gracias por tus vídeos, son muy buenos.

Gracias.

Hola,comento,porque no quiero que la esa cosa rosa me cague XD,gracias por la ayuda,me servira para mucho tiempo hasta que se me olvide,entonces,volveré ha entrar en este blog ;)

Mi problema es que la imagen se queda "por detrás" del cuerpo del blog... :( ¿es algo del HTML? Te dejo la URL para que lo veas: http://thislifeisawar.blogspot.com.es

¡¡Hola!!Porfavor dime el link de la imagen de la caquita,es que me encanta!!!dimelo por mi google+ pero dimelo pliiiis!!!!!!!!!!!!!

Publicar un comentario