domingo 14 de septiembre de 2008

Como hacer un enlace con una imagen sin saber código en blogger

Este truco es para los usuarios de blogger que no tienen ni idea de código ni tiempo para aprender y quieren hacer un enlace a una pagina cualquiera con una imagen determinada.(nosotros vamos ha crear un enlace para nuestro directorio, pero sirve para cualquier pagina si cambias la url (http://.....)

1º Encontrar una imagen que nos guste y descargarla a nuestro ordenador, computadora, equipo.....(las nuestras estan en gifs para tu blog
2º Ir a blogger y entrar en crear nueva entrada.
3º insetar la imagen que queremos en nuestro caso:..............................>>
4º clickamos en la destaña edicion de html.
Este es el punto mas complicado por decirlo de alguna manera.
aqui encontramos el codigo que blogger a creado para insertar la imagen en el post. Lo único que tenemos que hacer es buscar la url de la imagen (http://.......) y sustituirla por la url que queramos en nuestro caso http://trucosseodetodaclase.blogspot.com,
5º copia el codigo resultante
6º Sal sin guardar y vete a la pestaña diseño.
7º haz clik en añadir nuevo gadget y elige de la lista gadget html.
8º pega el copigo que copiaste del creador de entradas y sisto.

ya tienes el enlace a nuestra pagina o a cualquier otra de tu interes.

Este truco también sirve para hacer barras de navegación en tu web. solo tienes que hacer la barra con un programa de imagenes a tu elección (photoshop, etc...) y despues cortar la barra en tantas direcciones como quieras poner(puedes utilizar las url de las etiquetas mas importantes o a los post mas interesantes de cada sección de tu blog, una vez hecho esto empiezas desde el paso 2 y hasta el paso 4 hasta que tengas todas las imagenes colocadas, puedes ir viendo como queda con vista previa, despues paso 5 con el codigo de todas las imagenes y listo tienes una barra de navegacion para tu web blog ( la barra entera que crees tiene que tener los mismos pixels o menos que la zona donde la quieres poner en tu blog porque sino no funcionara bien y se te descolocaran las imagenes pasando a estar una encima de la otra.

nota seo: si te fijas bien blogger te pone una ayuda seo en el codigo de cada imagen. las tags de las imagenes. (alt="") pon palabras separadas por comas que identifiquen la imagen o la pagina hacia donde se dirige el enlace y subiras en tu posicionamiento.
también puedes hacerlo cuando insertes una imagen en uno de tus post para darle mas contenido. Una vez insertada la imagén, entra en la pestaña de edicion ahml y busca (alt="") pon palabras que definan tu post, a poder ser que esten relacionadas tambien con la imagen que estas utilizando y incrementaras tu posicionamiento sustancialmente

6 comentarios:

  1. Que caña de truco! muy bueno!

    ResponderSuprimir
  2. Creo que hice todo, la imágen sale pero cuando clickeas en ella sale "La página no se puede encontrar"
    No por que la explicación no sea clara, es que yo soy de madera.
    Seguiré intentando, y si sale aviso.
    Gracias

    ResponderSuprimir
  3. oye soy nuevo me gustaria mas trucos para mi blog,apenas lo hice hace dos dias,espero que me ayudes

    ResponderSuprimir
  4. lo que yo quiero saber, es como crear un "enlazame" es decir: como postear en gatdget de html una imagen pero que abajo aparezca el código necesario para que si alguien lo copia y pega en SU blog puede enlazarme a mi. sabes como?

    ResponderSuprimir
  5. cabellera de fuego, es simple lo que me pides, tienes que hacer todos los pasos del post con el enlace a tu pagina, y ya lo tienes

    ResponderSuprimir

no te cortes da tu opinión.
Si quieres conseguir un enlace a tu blog deja la dirección aqui con una breve descripción y haz un enlace en tu blog hacia http://www.webstar.es en pocos dias tendras tu enlace activo. Si Además haces un post explicando el funcionamiento del directorio, con el titulo www.webstar.es directorio de enlaces tendras un analisis de tu blog gratuitamente.
Apuntate a www.webstar.es