Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





17 oct. 2008

Crear el Cuadro de "Enlázame"

Bueno a la vista de que son varias las personas que le me lo han pedido, hoy les voy a enseñar a crear ese pequeño cuadrito en donde los visitantes del blog pueden tomar el código para enlazarnos, tal cual tengo yo en mi sidebar derecha.

En sí es fácil, yo solo les voy a dar el código que tengo y ustedes simplemente van a cambiar algunas cositas que les voy a decir para que aparezca la imagen de su propio blog y que al hacer click sobre ella los redireccione a su blog.

El código en cuestión es este:

<p><a
href="http://vidablogger.blogspot.com/"
title="Vida Blogger"><img
border="0" alt="Vida Blogger"
width="150" src="http://s2.subirimagenes.com/otros/previo/thump_1016800blogger-banner.jpg"
longdesc="http://vidablogger.blogspot.com"
height="60"/></a><span style="font-family:verdana;"> <span style="font-style: italic;"> </span></span> <p><div style="text-align: left;"> <span><textarea rows="5" cols="25">

<a href="http://vidablogger.blogspot.com"
title="Vida Blogger"><img
border="0" alt="Vida Blogger"
width="150" src="http://s2.subirimagenes.com/otros/previo/thump_1016800blogger-banner.jpg"
longdesc="http://vidablogger.blogspot.com"
height="60"/></a> </textarea></span> </div></p></p>


Ahora tienen que modificar lo que está en color por esto que detallo a continuación:

ROJO: La url de SU blog

AZUL: El nombre de SU blog

VERDE: La url de la imagen que represente su blog


Además, puede modificar algunas cositas mas, como por ejemplo el tamaño, el centrado, etc... aunque recomiendo dejarlo como está, ya que así es el que se usa por defecto.

Una vez que tengan su código creado a gusto, simplemente lo pegan en un Elemento HTML/JavaScrip y lo ubican donde quieran en su blog.


Espero que les sea útil.

27 comentarios :

  1. Hola amigo, vengo a sugerirte una cosa para tu super blog.

    Verás, ¿no te gustaría que tu blog en vez de ser .blogspot.com, .wordpress.com, etc fuese .com.es? Pues como ya sabrás eso es un dominio y hay que pagar para tenerlo, pero te voy a decir como puedes ganar uno gratis y encima ganar un montón de visitas!

    Verás, solo debes de registrarte en el top web http://buscoogle.es cuando te registres te conectas y te dará un código para poner en tu blog, lo colocas donde más visible sea y tus visitantes te votarán haciendo click hay, normalmente tendrás que animarlos tú a que voten.

    El ganador a final de mes (el que más votos haya recibido) será premiado por un dominio .com.es (durante un año), el 2º un banner en el top suyo (durante un mes) y el 3º un mini banner en el top suyo (durante un mes). Los premios irán aumentando conforme vayan aumentando los usuarios.

    Es tu momento! ahora que está recién abierto y no hay competencia!

    Si necesitas algo mi email es admin@buscoogle.es

    Saludos - Admin Buscoogle Top Web http://buscoogle.es

    ResponderEliminar
  2. Muchisimas gracias por el codigo, hacia tiempo que intentaba ponerlo pero con la nueva plantilla de blogger se me hacia imposible. Muchas gracias!

    Th0r, the fury of your maker hand.

    ResponderEliminar
  3. Vicarlone es excelente esto, lo estaba buscando hace rato, lo pude hacer pero el recuadro donde va el HTML me queda un poco afuera de ancho en la sidebar del blog, pense que cambiandole el ancho "width" me quedaria mejor, pero eso es para el ancho de la imagen asignada, como puedo hacer que quepa bien el ancho en la sidebar el recuadro html?? Gracias!

    ResponderEliminar
  4. Fede:
    Tanto el width como el height son atributos de la imagen. Para corregir lo que preguntas tenes que modificar donde dice:

    textarea rows="5" cols="25"

    donde rows son la cantidad de columnas horizontales y cols son las verticales, por lo que en tu caso tenes que ponerle un numero menor a cols,

    Espero que te sirva, saludos!

    ResponderEliminar
  5. Uh buenisimo!! gracias por el dato, voy a corregir eso a ver como queda. Saludos.

    ResponderEliminar
  6. hola,soy Mauricio...muy interesante tu entrada aclara muchas dudas puesto que he intentado pegar ese enlace a mi blog pero es tanta mi ignorancia que no "encuentro"el elemento HTML/JavaScrip para pegar el codigo modificado con los datos d emi blog,si me lo pudieras aclarar te lo agradeceria muchisimo! gracias

    ResponderEliminar
  7. Mauricio:
    Para pegar el código tienes que ir a:
    Personalizar --> Diseño --> Elementos de Pagina --> Añadir un gadget --> y aqui eliges "HTML/JavaScrip"

    Ahi tienes que pegar el código.
    Espero te sea de ayuda. Saludos!

    ResponderEliminar
  8. Hola gracias por el código , no encontraba la manera y al fin encontré un sitio adecuado que me lo explicara, muchas gracias de verdad, con tu permiso te voy a enlazar, yo estoy aquí:
    http://www.lacoctelera.com/elfrikiblogdeazira

    ResponderEliminar
  9. AZiRA:
    Me alegra que te sirviera. Saludos!

    ResponderEliminar
  10. Analia:
    Me alegra que te sea de utilidad. Gracias por comentar.

    Saludos!

    ResponderEliminar
  11. HOLA QUERIA PREGUNTARTE LA PARTE DOONDE PONE width="150" src QUE ES EL URL DE LA IMAGEN QUE PRESENTE SU BLOG ¿DONDE LO PUEDO HACER EL MIO, O DE DONDE PUEDO SACARLO?

    ResponderEliminar
  12. @alejandra
    Aqui puedes alojar tus imagenes de forma gratuita:

    http://imageshack.us/

    Saludos!

    ResponderEliminar
  13. Hola! no entiendo lo de la url de la imagen. Como saco la url de una imagen ????

    ResponderEliminar
  14. @Comunidad Stardoll
    Para saber la url de una imagen debes hacer click derecho sobre ella y luego seleccionar "Copiar la ruta de la imagen"

    Esa es la url de la imagen selecionada.

    ResponderEliminar
  15. demasiadas las gracias, esto lo e kerido hacer hace mxo tiempo, saludos ke estes super

    ResponderEliminar
  16. Uhhhyyy de verdad que lo necesitaba, muchas gracias amigo!!!!! No te olvides de enlazarme, jajajjajaj XD.... Bye!!!

    ResponderEliminar
  17. Hola esta super tu pagina , me gustaria que me respondieras una pregunta yo hice un boton de enlazame y me quedo bien pero el problema es yo para probar que el boton funcionara bien copie el codigo pero no me deja copiarlo y se me habre otra ventana , si pudieras ayudarme te lo agradeceria mucho, te dejo mi pagina para que veas por ti mismo el problema, saludos

    eternaforever.blogspot.com

    ResponderEliminar
  18. Se debe a que copiaste algo mal del codigo. Intenta hacerlo nuevamente y teniendo mucho cuidado con lo que modificas para no equivocarte

    ResponderEliminar
  19. Muchas gracias , me ha servido de mucha ayuda ^^ .
    Da gusto saber que aún siguen vivos los buenos blogs .
    Saludos !

    ResponderEliminar
  20. Gracias! Muy bueno, estaba buscando esto para ponerlo en mi blog.

    Miguel

    ResponderEliminar
  21. quisiera hacer un boton de enlazame llamativo para mi blog http://aprendetecnicasdefutbol.blogspot.com lo q pasa es q aun no se me ocurre nada estuve haciendo uno con animacion,pero creo q me voy mejor por el codigo q has posteado gracias

    ResponderEliminar
  22. hola!
    me viene genial el codigo, no encontraba como hacerlo, todo perfecto, pero tngo un problema.. cuando lo pongo se me cambia de lugar el cuadro de las entradas ._. se ve abajo de la sidebar.. tendras alguna idea de xq me pasa esto y como arreglarlo?

    ResponderEliminar
  23. Gracias me sirvió mucho debido a que pude colocarlo en el blog, luego de hacer unas reducciones

    ResponderEliminar
  24. Muchisimas gracias x la informacion y por explicarlo tan bien, pues habia mirado en otros sitios pero con este me salio a la primera!!! te sigo aqui y en facebook, saludos!!

    ResponderEliminar
  25. muy bueno gracias, siempre encontramos cosas interesantes gracias a ti un saludo http://xtrawberry3.blogspot.com/

    ResponderEliminar

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.