.

.

Donde estoy

viernes, 18 de marzo de 2011

Imagen estática en la esquina del blog

Hola de nuevo a tod@s!! acabo de terminar de subir los videos a youtube, tanto el 3er videoblog como el tutorial rápido de redenrizar una imagen (tutorial que necesitaremos para poder hacer esto, consideradlo en Paso 1 que va antes de esto ^^).

Lo primero es irnos a "Diseño" en nuestro blog, pulsamos en "Edición de HTML" (está justo al lado de "Elementos de la página", justo debajo de "Ver Blog". Antes de hacer nada vamos a descargar nuestra plantilla del blog. Porque como vamos a meter mano en los códigos, a veces uno la caga y jode todo el blog y no queremos que eso pase. Así que le damos a "Descargar plantilla completa" y ya está.

Ahora entre el amasijo de letras que forman nuestro código de plantilla, vamos a buscar </body>. Para que os sea más fácil, pulsar Control y F para que se os abra una barra de busquedas (abajo) y escribís  </body> , se os marcará en color la palabra que estamos buscando. Entonces, una vez encontrado el </body> tenemos que pegar este código encima de body, como muestra en la imagen:


El código que tenéis que pegar es este:


<a href='#'><img alt='ir arriba' border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;'/></a>


Como siempre, sustituimos las letras rojas en las que pone"URL de la imagen" por la ruta de la imagen que vayamos a poner. Antes de darle a "Guardar" tenemos que ver cómo queda para ver si nos gusta, para ello le damos a "Vista Previa" (botón azul que está abajo). Si no hay ningún problema y se ve bien (provad que cuando bajéis y subáis se vea el dibujo) ya podemos darle a "Guardar" (botón naranja que esta abajo).
Y ya tendríamos nuestro muñecajo en la esquina.
P.D: En caso de que la plantilla no muestre el </body> clickar en la barra de búsqueda que se os ha abierto abajo (lo del Control+F) "Coincidencia de mayúsculas/minúsculas". Si aún así no se os marcara en el amasijo de letras y números, id a la parte superior (sobre el cuadrado) y clickar en "Plantilla de formato". A ver si ahí hay más suerte.

Esto es algo que me encanta, en todos mis blogs tengo muñecos puestos abajo y me encanta de veras. Espero os resulte útil y si hay alguna duda, comentadla e intentaré ayudaros ^.^

2 Aullidos en mitad del bosque :

Daniel Alejandro Urquia Franco dijo... Responder

Tengo un problema, mira descargue una plantilla llamada Liquorice en la pagina: http://btemplates.com/?s=Liquorice&x=0&y=0 y al colocar la imagen me sale el marco con un color marron y la imagen png no me sale transparente sino marron claro...ayudame por favor!

Esthervampire dijo... Responder

Hola Daniel Alejandro Urquia Franco. A menudo las plantillas que descargamos nos dan más de un quebradero de cabeza. Mi consejo es que uséis las predefinidas ya que con esas la tasa de errores es mucho menor. ahora bien, una preguntilla tonta ¿seguro que la imagen es PNG? (ya lo sé, es que a veces lo hacemos rápido y no vemos que algo se nos escapa). Si así lo fuera prueba a abrirla con photoshop y a ver si allí sale fondo. Si saliera deberás borrarlo y guardarla en PNG. Intentalo asi, muchas suerte!!

Publicar un comentario

Bienvenida criatura del lado oscuro. Aquí tus palabras serán escuchadas, solo hay una condición; el respeto tiene que estar presente en ellas, sino conseguirás enojar al resto de criaturas que habitamos este lugar y tus palabras serán borradas para no volver a ser oídas. Gracias y que tengas dulces pesadillas...

✞Página oficial de facebook de Esther Galán Recuero ¿Te unes? ✞