domingo, 24 de febrero de 2013

Primer tutorial: imagen fija en la esquina del blog!

¡Hola querid@s monstruit@s! Bueno, la verdad es que poner una imagen fija en la esquina de un blog os está dando muchos problemas, ¡pero es muy fácil!
Bien, para este tutorial se requiere:
-Un programa o web online para diseñar la imagen que váis a utilizar
[Programas que podéis utilizar:
-Photoshop cs5 o cs6
-Photoscape
-Gimp
-Otros
Webs online que podéis utilizar:
-PiZap
-Photobucket
-Photoshop Express (creo que se llama así)
-Otros]

Paso 1: meteos en esta web:
http://pczeros.blogspot.com.es/2011/07/imagen-fija-esquina-blogger.html
Allí te dan códigos para poner la imagen fija, PERO con  las que viene ahí.
Paso 2: personalizar la foto. Yo lo haré con el pedido de Alicia.
En mi caso, yo tengo Photoshop cs5, que es bastante bueno para diseñar. No pondré todo el proceso de diseño porque es bastante largo :/
La imagen queda así:










Una vez que tengáis la imagen, la pasáis a Tinypic
Os explico cómo lo tenéis que hacer:
1. Pulsad "seleccionar archivo" y escoged la imagen
2. Pulsad "UPLOAD NOW!" (ATENCIÓN: NO TOQUÉIS LO DEMÁS, TAN SOLO SUBÁIS LA IMAGEN Y PULSAD UPLOAD NOW!)
3. Rellenar el captcha:
4. Copiáis este código:










Bueno, después de tener la imagen preparada, copiáis un código de la página que os dije, yo usaré el primero.












Luego, borráis esto del código:





En el espacio que habéis borrado pegáis el enlace que os dije de lo de Tinypic.
El código elaborado:
<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://i48.tinypic.com/2yule2u.png" style="z-index:99;"/></a>

Y voilá! Ya tenéis vuestra imagen que se fija en la esquina del blog. Ya solo teneís que ir a diseño, a insertar gadget, luego a html/javascript y pegáis el código. Espero que os haya servido.


No hay comentarios:

Publicar un comentario