Continúo con el tema de la imagen en el blog.Después de contarlo de una manera formal y estándar en este post, hoy voy a explicarlo de la forma más simple posible para los usuarios de blogger que no estén muy familiarizados con el HTML y las CSS.
Os enseñaré paso a paso, y con capturas de pantalla, como hacer un gadget de blogger para que no tengáis que tocar en absoluto el código de vuestras plantillas. En serio, de esta manera es muy sencillo:
0. Como siempre, guardad una copia de vuestra plantilla.
1. Primero vais a vuestro escritorio de Blogger y entráis en la pestaña "Diseño".
2. Una vez aquí debéis acceder a la sección "Elementos de la página" (es la que se carga por defecto al entrar en Diseño).
3. Desde aquí podéis ver un esquema de vuestra página con todos los elementos y gadgets que tenéis ya configurados. Pulsad sobre cualquier enlace que tenga el texto "Añadir un gadget".
4. Se abrirá un pop-up (ventana emergente) con un listado de los gadgets disponibles, buscad el siguiente:
y pulsad en el símbolo "+".
5. Se abrirá un formulario con dos campos:
- El título. Dejadlo en blanco.
- El contenido. Esto es lo más importante, debéis añadir el siguiente código
<a href="#"><img style="position:fixed; bottom:10px; right:10px;" src="Ruta de la imagen"/></a>
6. Verificad que habéis copiado bien el código y pinchad en el botón guardar.
7. Ya está listo, echad un vistazo a al vista previa y comprobareis que ya está añadido, así de simple.
Espero que esto haya terminado de aclarar el tema, si tenéis dudas ya sabéis, dejad un comentario.
Si te ha gustado ¡vótame! ;) 7. Ya está listo, echad un vistazo a al vista previa y comprobareis que ya está añadido, así de simple.
Espero que esto haya terminado de aclarar el tema, si tenéis dudas ya sabéis, dejad un comentario.
Desde luego para los que somos un poco (bastante) torpes en esto de la informática, viene mucho mejor explicarlo con pantallitas. Creo que no me puede servir para mi blog, pero para el resto les vendrá de maravilla.
Saludos!
mm parece fácil, pero no se si lo lograré. Mi torpeza informática no alcanza límites ....
un abrazo.
Hey Kiko, mejor explicación es imposible. Un saludo.
Es fácil, seguro. ¡Salud!
Eso está bien para una imagen fija estilo Steewe; pero y si lo que quiero es poner un script en el margen?
Por ejemplo, un reloj (para que esté siempre visible).
El código que tengo es:
***
>script src="http://www.clocklink.com/embed.js">>/script>>script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5001-blue.swf";obj.TimeZone="GMT0100";obj.width=240;obj.height=20;obj.Place="";obj.DateFormat="DD-MM-YYYY";obj.wmode="transparent";showClock(obj);>/script>
(He puesto > en vez de < porque no me dejaba publicarlo así)
***
Con la imagen, lo unico que tengo que hacer es poner el "class" delante del src, pero en el SCRIPT se puede?
Saludos, Cofi
Perfecta la explicación, pero... si lo que pretendo es que la imagen salga repetida varias veces(rollo mosaico-miscelánea o cómo demonios se diga) y no quede fija, ¿qué he de cambiar en el código?
Bueno, un saludo y gracias (por si acaso). ;)
@Cofi y @Un estertor, os preparo un post y os explico vuestras dudas, ya sabeis que a través de los comentarios es un poco más complicado. En cuanto lo publique os aviso, ¡Salud!
Os dejo la respuesta a vuestras consultas en http://blog.notelies.com/2009/01/off-topic-mas-consultas-sobre-diseo-de.html
Justo lol que estaba buscando y en CSS ... se agradece
@Anónimo, gracias a ti por pasarte y comentar. ¡Salud!
Genial!!
Gracias