SERVICIOS - DISEÑO - FREEBIES - MEJORA TU BLOG -

15 dic. 2013

Tutorial Express!

¡¡Ya lo sé!! Es domingo pero he recibido un mail, lo he leído y he dicho Aissss no me cuesta nada explicar esto en un ¡pis pas! Así que ahí voy.

Voy a contaros algo muy rapidito, sencillo y muy útil de saber hacer:
Poner un banner!!
Antes de todo, que es un banner?
Pues un banner es un dibujito, ya sea con o sin animación que representa tu página web o blog:
 

Este es el banner de mi blog. Se suelen hacer con editores de imágenes ya sean online como es Picmonkey o con photoshop, mucho más elaborados.
Bien queremos poner en nuestra sidebar las imágenes de los blogs que seguimos en lugar de que nos salga una lista.
Así como lo tengo yo.


Nota: Las imágenes o bien las tenemos subidas a un host (imageshack es gratis, Skydrive o dropbox hay muchos hosts fáciles de utilizar) o bien sabemos la URL (dirección) de donde se aloja la imagen.

Pues bien nos vamos a Diseño y añadimos un gadget HTML/Javascript.
Una vez añadido lo colocaremos donde queramos que salga nuestra lista de blogs con imagen.
Dentro del gadget pegaremos este código:
<div class="separator" style="clear: both; text-align: center;">El nombre del Blog<br /><a href="Dirección del blog" target="_blank"><img alt="Palabra que aparece al pasar el ratón por encima de la imagen" border="0" height="170" src="Dirección de la imagen" width="170" /></a>
Bien todo lo que vemos en azulito hay que cambiarlo por los datos de la imagen y el blog que queremos anunciar.
Lo que veis en color verde es: center= centrado para que salga en medio, esto lo podéis alinear como mas os guste (left, rigth)
Si queréis poner más de un banner simplemente pegáis el mismo código tantas veces como banners queráis poner.

Importante: dimensiones
Yo os he dejado las dimensiones (tamaño) que yo uso, pero para que cambiéis las dimensiones podéis hacerlo de 2 maneras.
La primera, en el código que os he pasado en el cachito que dice: height="170" y width="170" Cambiáis 170 por los pixeles que necesitéis vosotras.

El otro método es ir a Diseño, seleccionamos el widget y editar.
Clicamos arriba a la derecha donde dice Formato RTF.
 
Seleccionamos con 1 clic la imagen y la redimensionamos al gusto.
¡Es muy fácil! Si tenéis preguntas ya sabéis, hacedlo queda muy bonito


PD: Tutorial dedicado a Charo de Cosiendo y aprendiendo. Un besote!

3 comentarios:

  1. Muchísimas gracias!!!!!!!! Estas entradas son super interesantes para las que como yo vamos de libre y pardillas por la vida. Un gran acierto tener un blog para ayudarnos a los "yestoqueé?"

    ResponderEliminar
    Respuestas
    1. :)) Me encanta que os guste en serio!!! y cuando veas un yestoqueé tu...meterdeo! que si no no se aprende ajajajajajaj
      Mua :k

      Eliminar
  2. Acabo de descubrirte. Bonito blog y de gran ayuda!!!

    ResponderEliminar