Código para que nos enlacen

26 de abril de 2009 145 comentarios ,
Con este código en nuestra sidebar daremos la posibilidad a otros bloggers de que nos enlacen con un pequeño banner.
Vamos a Diseño | Añadir un gadget | HTML/Javascript y pegamos este código:
<center><textarea rows="3" cols="30" onclick="this.select();">&lt;a href=&quot;URL de tu blog&quot;&gt;&lt;img alt=&quot;Nombre de tu blog&quot; src=&quot;URL de la imagen&quot;/&gt;&lt;/a&gt;</textarea></center>
<center><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen"/></a></center>

El resultado es algo como este:

Ciudad Blogger

Este código está programado para que cuando se dé click sobre él se seleccione automáticamente todo el texto, si desean quitar esta función entonces eliminan donde dice: onclick="this.select();"
Cambian los datos en color rojo por los suyos y listo, tendrán un código para que los enlacen con una imagen. El área de texto donde aparecerá el código puede ser modificado, esto según el tamaño que lo quieran, sólo cambian el tamaño de rows (el alto) y el de cols (ancho).


145 comentarios en:

" Código para que nos enlacen "

  1. Brother!... te quedo muy bueno el nuevo logo de ciuda blogger!

    Felicitaciones.

    ResponderEliminar
  2. Hey qué bueno que te guste, muchas gracias. Dediqué la noche de ayer a hacerlo.
    =)

    ResponderEliminar
  3. pronto implementare esto tambien aunke es problable otra remodelacion del blog la cual ya estoy pensando que hacer....

    saludos !!

    ResponderEliminar
  4. oye una pregunta fuera del tema...XD me gustaria que me ayudaras a hacer el mismo buscador que le puse a mi pag pero sin que se vea lo de get widget... ya sea que se le pueda quitar eso... que te juro trate mucho y no pude o hacerlo de nuevo de otra forma y no solo copiar el codigo de donde sake el widget... esto es poderlo personalizar igual :

    - cambiar el color de fondo del boton buscar
    - cambiar la imagen de fondo de el cuadro donde se ingresa la busqueda
    - ponerle lo de buscar en la web y en el blog y que sea predeterminado lo del blog (contrario del mio)
    - y cambiar el tipo y color y tamaño de la letra del boton buscar y del campo de busqueda....

    se podra hacer? o en caso de que no poderle quitar lo de de get widget del mio?

    gracias por tus aportes y saludos !!

    ResponderEliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  6. ok lo mandare me avisas si se pudo y si no pues ojala se pueda hacer otro buscador personalizado con el que te comento de otra forma...
    saludos y gracias

    ResponderEliminar
  7. Hola te quiero hacer una consulta fuera del tema también. ¿Cómo hago para poder colocar códigos html en un post?, asi como los colocas tú. Ya he hecho anteriormente con textarea pero quisiera saber si hay otra manera. Saludos.

    ResponderEliminar
  8. Hola Ángel,
    Con el textarea funciona muy bien, pero si lo prefieres puedes hacerlo "parseando" el código, esto lo puedes hacer desde un sitio online.
    Puedes ver cómo aquí.
    Yo lo hago así, y para que resalte lo encierro con <blockquote>Saludos.

    ResponderEliminar
  9. Gracias, lo que pasa es que he querido copiar y pegar un codigo de otra web y cuando lo pego se junta todo y se pone bien feo asi que pense que habia otra opción. Saludos

    ResponderEliminar
  10. Muchas gracias por el código. Voy a probarlo en mi blog. Feliz día.

    ResponderEliminar
  11. Gracias a ti por pasar Anónimo, saludos.

    ResponderEliminar
  12. GRACIAS! hacia mucho que queria hacer eso!!

    ResponderEliminar
  13. Hey Potro, qué tal...

    Necesitaba hacerte una pregunta con respecto a la imagen que está debajo del código, en este caso la tuya: ¿La imagen está en su tamaño original, o el código lo reduce?

    Gracias, un saludo.

    ResponderEliminar
  14. Hola Alfonso E.

    Ese es el tamaño original de la imagen, también se puede reducir o agrandar desde el código, pero siempre es mejor poner el tamaño original para que no se distorcione.

    Saludos.

    ResponderEliminar
  15. ES PRECISAMENTE LO QUE BUSCABA, DE NUEVO GRACIAS POTRO, SOLO AQUI HE ENCONTRADO LAS RESPUESTAS...

    THANK YOU


    OMEGAGIL


    SI NECESITAN APRENDER ELECTRONICA Ó REPARAR SU PC, NO DUDEN EN CONSULTARME...

    INFOELECTRONICAPLUS.BLOGSPOT.COM

    ResponderEliminar
  16. Gracias Antonio, estoy seguro que sí te consultaré varias cosas más adelante.
    Saludos.

    ResponderEliminar
  17. MUY BUENO!!! Q buena onda tu pagina!! te felicito loco!!!

    Oso-Gringo

    ResponderEliminar
  18. Hola Oso-Gringo,

    Muchas gracias por tus comentarios.
    Saludos.

    ResponderEliminar
  19. hey man.. gracias x la ayuda
    me sirvio de mucho.. te grege en mi blog.. recien creado.. ojala tmb puedas enlazarme.. xD

    ResponderEliminar
  20. Hola visitante9,

    Qué bueno que te ha servido el código. Por el momento no hago intercambio de enlaces, quizá más adelante.

    Mucha suerte y éxito con tu nuevo blog!
    Saludos.

    ResponderEliminar
  21. listo ya agregue esta funcionalidad a mi blog, esta genial!

    Chido brother!

    ResponderEliminar
  22. Me alegro que te haya servido.
    Saludos hasta Nuevo León!

    ResponderEliminar
  23. Hola, estoy mejorando o por lo menos dandole vista personalizada al blog de mi grupo gracias a vos. Lo que quiero hacer ahora es que una de las entradas que hice que contiene todas fotos solo muestre una en la pantalla original y luego cuando se haga click en el titulo te lleve a otr aventana donde se muestren todas las imagenes. Se podra?

    ResponderEliminar
  24. Hola Belen y Señales del Alba,

    No sé si te he entendido bien, supongo que podrías crear una entrada con la foto que será el enlace a las demás fotos, y ocultar la entrada que contiene todas las fotos para que sólo se vea cuando hagan click sobre la foto.

    Saludos.

    ResponderEliminar
  25. Hola, Potro. Tengo una consulta, aunque no es exactamente sobre este post, pero tiene que ver con el tema de los enlaces.
    En nuestras pantallas para la creación y edición de entradas aparece bajo el título para el post el espacio "Enlace" y luego, más abajo, "Añadir enlace a adjunto". Igualmente, en los posts ya publicados aparece "Crear un enlace".
    Es que aún no comprendo muy bien cómo funciona este asunto de asignar estos enlaces y quisiera saber qué debemos poner exactamente en esos espacios. Perdona mi ignorancia y te agradecería si pudieras explicarme.
    Gracias de antemano por tu atención.

    ResponderEliminar
  26. Hola Vicky,

    El espacio de Enlace, es para que escribas la URL de una entrada a la que quieres hacer referencia, por ejemplo, hoy viste en un blog una entada que habla sobre cómo criar aves, y tú quieres escribir un post sobre la crianza de aves y deseas mencionar el post que viste hoy, entonces en ese espacio deberás poner la URL del post de cómo criar aves, para que tus lectores sepan que tu entrada está relacionada con otra entrada de otro blog.
    El de abajo de Añadir enlace a adjuntos, es para incluir información adicional en los móbiles, ahí es un poco más complicado de explicar pero de cualquier modo no es útil, al menos no para la mayoría.
    Y Crear enlace, sirve para lo mismo que el primero pero esa opción es para que tus lectores hagan con un click lo mismo que tú harías en Enlace, es decir, si alguien lee un post tuyo y desea mencionarlo en su post entonces podrá hacer click en Crear enlace y se adjuntará la URL de tu entrada en su artículo.

    Espero haberme explicado porque hasta yo siento que me confundí, jaja.
    Saludos.

    ResponderEliminar
  27. Hola, Potro. Pues para mí, quedó tan claro como el agua. Ahora sí entiendo. Lo explicaste clarito.
    No sé cuál sea tu profesión diaria (además de todo este gran trabajo que realizas aquí), pero te digo que si no laboras como maestro o profesor, deberías hacerlo, porque explicando, eres excelente.
    Gracias, de nuevo.

    ResponderEliminar
  28. hola potro
    tengo un problemin
    tengo el codigo para evitar qe me copien el texto y a la ora de copiar el codigo para qe me enlacen no se puede
    se puede acer algo o de plano ya valio chetos xD

    ResponderEliminar
  29. Hola Dark Samus,

    Supongo que usas el método del script para evitar que te copien ya que presenta ese problema con Mozilla.
    Te recomiendo este método que sólo bloquea el área de las entradas dejando la sidebar libre, ahí no tendrías ese problema.

    Saludos.

    ResponderEliminar
  30. Muchas gracias potro no sabia como hacer eso pero lo encontre eres el mejor.

    ResponderEliminar
  31. Por nada. Qué bueno que te ha servido ;)

    ResponderEliminar
  32. Me funciono perfecto mil gracias!!!!!!!!!!!! Visitame y opina sobre que me falta

    ResponderEliminar
  33. Excelente Laura, me encanta ese juego de letras y colores que haces en tus entradas :D
    Saludos!

    ResponderEliminar
  34. Hola
    Me dedico a escribir en un blog, como di contigo,¿? investigando orientaciones, de tantas que he leído, mis respetos!!!! que excelentes consejos, supongo serás programador ó algo por el estilo , porque en mi caso de la nada he tratado de hacer algo, pero como estos muy muy pocos.
    ¡Felicidades!
    y ¡Mis respetos!

    ResponderEliminar
  35. Hola Jose,

    Qué gentil eres con tus comentarios. No soy programador ni nada por el estilo, pero mi propio desconocimiento del tema me obligó a aprender y luego a compartir.

    ¡Saludos y mucho éxito con tu blog!

    ResponderEliminar
  36. Hola!quisiera cambiar el codigo de "enlaza mi blog" por un boton con imagen,podrias decirme como hacerlo??
    excelente tu blog!!
    gracias
    c.m

    ResponderEliminar
  37. Hola Cocofansclub,

    No estoy seguro de haberte entendido bien ¿me podrías dar un ejemplo?

    Saludos.

    ResponderEliminar
  38. HOLA
    si ,lo he visto en el escaparate de rosa tiene su boton de enlace con imagen.
    gracias por contestarme!
    saludos!
    C.M.

    ResponderEliminar
  39. Te dejo el enlace donde Rosa explica cómo hacerlo:
    http://elescaparatederosa.blogspot.com/2008/03/link-tu-blog-mediante-un-widget.html

    Después haré una entrada sobre el tema.
    ¡Saludos!

    ResponderEliminar
  40. MUCHAS GRACIAS POTRO!!ME QUEDO GENIAL ERA LO QUE BUSCABA!
    GRACIAS
    BESOS
    CLAU

    ResponderEliminar
  41. Hola otra consulta!veo que tienes en tus entradas un enlace que marca numero y enlace a comentarios una especie de burbuja,podrias decirme como hacerla??
    gracias
    C.M

    ResponderEliminar
  42. Expande los artilugios, busca este código y agrega lo que está en negrita:

    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(URL de la imagen) no-repeat;Padding-left:20px;'>

    Saludos.

    ResponderEliminar
  43. potro en el mismo lugar tengo otra url donde lo ubico o no se puede??quise mostrarte el ejem.pero no me publica los codigos..

    ResponderEliminar
  44. Necesitaría ver el código. Visita esta entrada, ahí se explica cómo poner códigos en los comentarios.

    ResponderEliminar
  45. Potro,te lo envie en un e-mail
    gracias espero tu respuesta!
    C.M.

    ResponderEliminar
  46. Gracias, ya lo he realizado. Funciona a la perfección.

    Fruto Frívolo

    ResponderEliminar
  47. Hola Potro,
    Fuera del tema de la entrada por favor sabrías decirme como centrar el texto de los títulos de los widgets. Llevo horas obsesionado con esto y no doy con la solución.
    Gracias por estar siempre ahí ayudándonos.

    ResponderEliminar
  48. Hola Enrique Muley,

    Depende de cuál se la plantilla que usas es la forma de arreglarlo. Por lo general es así, busca esta línea en tu plantilla y agrega debajo lo que está en negrita:

    h2 {
    text-align:center;

    Saludos.

    ResponderEliminar
  49. Hola Potro.
    Como puedo hacer para que el código de mi enlace solo se muestre cuando se de un click sobre la imagen. O como en el caso de Vagabundia que se ve su logo y al hacer click sobre el aparece en forma deslizante debajo el código del enlace?.
    Gracias por adelantado.
    Un saludo

    ResponderEliminar
  50. No sé cómo lo habrá hecho JMiur, tendrías que preguntarle a él.

    ResponderEliminar
  51. hola mira intente hacerlo como tu lo explicaste me sale todo pero la imagen no ???? mmm como lo puedo hacer aqui te dejo mi blog!! porfis ayudaa graciasss
    pd: me encanto tu blog!

    http://dreacorner.blogspot.com/

    ResponderEliminar
  52. La URL de la imagen que estás poniendo no te servirá para esto, necesitas subirla a otro alojamiento como Imageshack, Tinypic o Google Sites.

    Saludos.

    ResponderEliminar
  53. gracias por ayudarme ahora me funciono!!!

    ResponderEliminar
  54. Hola Potro!
    luego de felicitarte por tu blog
    quiero saber como hago para que la imagen quede arriba y el codigo debajo?

    ResponderEliminar
  55. Sólo corta esta parte del código:

    <center><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen"/></a></center>

    Y ponla al inicio de todo el código, con eso saldrá arriba.

    ResponderEliminar
  56. HOLA POTRO, INICIALMENTE TE FELICITO POR TUS GRANDES APORTES, ME HAN SERVIDO MUCHISIMO, QUISIERA SABER COMO PONER EN MI BLOG ALGO DONDE DIGA "AGRADECIMIENTOS", LOGICAMENTE TE ENLAZARIA, SINO DIME OTRA FORMA DE ENLAZARTE EN MI BLOG. SUERTE.
    http://elbarcoperdido.blogspot.com/

    ResponderEliminar
  57. HOLA OTRA VEZ YO, COMO HAGO PARA PONER UNA DESCRIPCION DE MI BLOG REFERENTE AL TITULO, GRACIAS.
    http://elbarcoperdido.blogspot.com/

    ResponderEliminar
  58. Hola Albert Andrey Garcia V.,

    Los agradecimientos puedes ponerlos dentro de un gadget HTML/Javascript, sólo entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí escribes lo que desees y/o agregas imágenes.

    Respecto a la descripción esa se pone entrando en Configuración > Básico y ahí verás que dice 'Descipción', ahí agrega toda la descripción de tu blog.

    Saludos.

    ResponderEliminar
  59. hola yo ya habia estado en otro post tuyo, y creo que tengo en este post el mismo problema que tenia en el otro. Puede ser que mi plantilla sea nueva y entonces es por eso que no me queda..

    si es que estas al servicio mi amigo porfavor te pido si precisas mas info para ver como me quedo entra a mi sitio www.juegossfacebook.net es como si hubiera un cuadro de texto donde tendria que estar el gadget...porfa ayudame

    ResponderEliminar
  60. No veo que tengas puesto el gadget :\

    ResponderEliminar
  61. perdon es que lo elimine porque iva a entrar gente e iva a ver eso asi mal perdon... el errror creo yo esta en la imagen, osea de donde saco el link de una imagen que hago yo¿?....yo lo que hice fue ir a un sitio donde subi mi imagen y me dio distintos codigos, html, BBcode phpbb, entre otros...pero no se cual poner para que esa sea la imagen...como hago ayudame porfavor

    ResponderEliminar
  62. La imagen debe terminar en formato PNG, o JPG

    ResponderEliminar
  63. muchas gracias como siempre funcionan tus concejos hasta con las nuevas plantillas.....por cierto porfas no podesmos intercambiar enlaces, osea esta imagen que cree....se que nuestras páginas no tienen mucho que ver, pero mal no nos vienen no¿?

    ResponderEliminar
  64. ya agrege un boton de estos en mi blog, puse uno pequño q aki mismo vi cmo hacerlo.

    tengo una duda... cual es la diferencia de poner rel="dofollow" o no ponerlo para q nos enlacen....

    este es mi blog: http://www.lawebadeloso.blogspot.com

    ResponderEliminar
  65. Realmente ninguna, importa si dice "nofollow", pero el "dofollow" no tiene relevancia.

    ResponderEliminar
  66. Hola Potro, El Código Me Sirvio Mucho, Gracias Es Un Gran Aporte Para Todos, Adiós.

    ResponderEliminar
  67. Ola potro,tengo el "presentimiento" o simplemente lo comprove qe el codigo esta mal,perdon,en estos momentos estoy experimentando,fijate en mi blog (lo puse abajo de la columna isquierda,ya vere qe ocurre...

    ResponderEliminar
  68. bien,me respondiste,perdon por no dejarte mi blog qe estupido,ya me funciono,es qe en el recuadro de el url de la imagen me aparecia un poco de html y la url de mi imagen,lo arregle eliminando algunas cosas,aca esta por si lo qeres ver: http://ben10-xsiempre.blogspot.com/

    ResponderEliminar
  69. muchiiisismas gracias!! de diste la ayuda que nadie me pudo dar en serio te lo agradezco este lugar es realmente util me gusta mucho desde ahora me paseare por aqui muchisismas gracias!

    ResponderEliminar
  70. Me alegro que te esté siendo de utilidad la información de este sitio :)

    ResponderEliminar
  71. hola como estas me gustaria saber que debo hacer para enlacer mi pagina web con tu blog.
    mi pagina web es http://onbuxlamejorptc.es.tl/

    ResponderEliminar
  72. Hola Pablo,

    Por el momento no participo en programas de intercambio o patrocinio, el único modo de enlazar tu blog desde aquí es contratando uno de los banners que se encuentran en la sidebar.

    Saludos.

    ResponderEliminar
  73. Gracias Potro, después de tiempo aprendo hacer esto jajajaja, soy más lento que el caballo del malo ;-)

    ResponderEliminar
  74. Jajaja, está bien que te tomes tu tiempo, ya ves que mas vale tarde que nunca ;)

    ResponderEliminar
  75. Mi querido Potro,
    Hace ya días que te tengo abandonado, que liberación, dirás tu....
    Bueno, que sepas que yo te he echado mucho de menos, pero estoy loca con la página web de la tienda y su dichoso software....
    Ya he puesto esto....iba siendo hora, yo como ves, la casa por el tejado.
    Todo queda muy bien pero he tenido que poner un padding de los tuyos para separar el título de el cuadradito html, la pregunta es ¿Como hago para hacer un poquito más pequeña la imagen y un poquito más separada?.
    Y ya que estoy aquí y no encuentro dónde preguntarte....
    Abajo, yo sigo con mis tontadas he hecho un cuadradito para poner la publicidad de blogalaxia etc, pero se queda todo fuera del cuadrito, ¿Habrìa forma de ponerlo todo junto y al final de esa columna y todo en más pequeñito?.
    Si, ya sé, cada vez que vengo te vuelvo loco.
    Como siempre, gracias por tu ayuda y por tu apoyo, esto de saber que estás tranquiliza que no veas
    Besos, muchos

    ResponderEliminar
  76. Hola Patricia,

    Yo también te he echado de menos, pero supuse que el trabajo te ha de traer muy ocupada.
    Dentro de la segunda parte del código, es decir, en esta parte:

    <center><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen" style="padding-top:15px; width:70px;" /></a></center>

    Agrega lo que está en negrita, ahí el padding-top indicará que debe estar separado por la parte de arriba con 15px, ya sabes que los puedes cambiar por el valor que quieras. Y en width:70px es el ancho que quieres que tenga la imagen, con ese 70px de ejemplo se hará más pequeña pero igual puedes controlar qué tan chica o grande quieres la imagen.
    Lo de blogalaxia no lo he visto, ¿en qué parte lo has puesto?

    Gracias por los besos!

    ResponderEliminar
  77. Mi querido Potro,
    Muchísimas gracias, como siempre....pues sigue igual, en algo he metido la patita porque no consigo nada....¿?
    En cuanto a lo de blogalaxia está abajo del todo en la columna de la izquierda
    Un millón de besos

    ResponderEliminar
  78. Potro, no te preocupes por la primera pregunta....Ya he conseguido arreglarla cambiando y cambiando Style....Je,je,je....con tu ayuda, claro
    Lo segundo, pues no....te espero....
    Besitos

    ResponderEliminar
  79. Hola Patricia,

    En esa sección sólo veo un botón de Bitacoras.com pero no de Blogalaxia, no sé si te refieres a ese, si es así entonces agrega este código en esa parte y dentro de él pondrías los códigos de los botones:

    <div style="width: 110px; text-align:center;">
    ...Aquí los código de un botón...
    ...Aquí los código de otro botón...

    </div>

    Ahí donde se indica irían los códigos de los botones, con eso no deberán salirse de ese espacio, a menos claro que el botón sea muy grande, de cualquier forma el tamaño del botón lo puedes modificar manualmente uno por uno; dentro de cada código debe haber un width y height, width es el tamaño del ancho y height es el tamaño de alto.

    ¡Besos!

    ResponderEliminar
  80. Hola potro que tal? una preguntica brother, tengo 2 paginas y quisiera crear una imagen en cada una de ellas para enlasarlas, cual es el paso a seguir? si lo tienes explicado en otra entrada te agradeceria q me dieras el link y asi hacerlo, gracias de ante mano saludos

    ResponderEliminar
  81. Entra en Diseño > Elementos de la página > Añadir gadget > Imagen, ahí carga la imagen del banner y pon donde se indica la URL del blog al que quieres enlazar.
    Saludos.

    ResponderEliminar
  82. Listo potro te cuento que cree 2 blog y todo gracias a ti, antes no sabia ni publicar una nota, y ya practicamente tengo y administro 2 blog y creo q no seran los unicos, muchas gracias hermano, gracias por dedicar tiempo a sacarnos de dudas, te invito a conocerlos:

    http://angel-erotico.blogspot.com/

    http://lado-oscuro666.blogspot.com/

    Son sencillos, pero ahi vamos poco a poco jeje, gracias y saludos

    ResponderEliminar
  83. Al contrario Javifenix, gracias a ti por tu visita!

    ResponderEliminar
  84. Hola Potro vuelvo a molestarte porque cuando pongo el código me aparace la imágen pero arriba sale parte del código, he sacado cosas y no me queda bien, gracias!!

    ResponderEliminar
  85. Hola emilyster, quizá has modificado alguna parte del código en la que sin querer eliminaste algo.
    Prueba ponerlo de nuevo y agrega sólo lo que se indica justo en el lugar correcto.
    Saludos.

    ResponderEliminar
  86. gracias compadre me sirvio de maravilla

    ResponderEliminar
  87. Como verás me he decidido a ir retomando mis viejas cositas.
    No los botones no tienen alto y ancho en su código y cada uno es desigual al otro. Yo quisiera ponerlos chiquititos como los tienes tu e iguales, pero al intentar ponerles medida lo que hago es cortar la imagen, ¿Se te ocurre que más puedo hacer?
    Gracias, una vez más, por todo

    ResponderEliminar
  88. Qué bueno que te hayas decidido a retomar las cosas del blog :)
    Si el botón es una imagen no debería cortarse, sólo hay que establecer dentro del código de la imagen, las medidas que tendrá, por ejemplo:

    <img src="URL de la imagen" style="width:80px; height:15px;" /></a>

    ResponderEliminar
  89. Potro una consulta fuera del tema, quisiera saber como podria hacer para que me salga una caja asi como la de esta entrada, y que dentro de ella no valla un codigo html, si no una palabra, y en la imagen donde sale tu logo de ciudad blogger, salga la opcion de copiar. Como podria hacer eso, espero tu ayuda

    ResponderEliminar
  90. Hay varios códigos para eso, el problema es que no todos son compatibles en todos los navegadores, hay unos que sólo funcionan para Internet Explorer, otros sólo en uno específico, por eso siempre es mejor usar el CTRL + C

    ResponderEliminar
  91. Entonces que codigo seria para poner una palabra, en mi caso seria la clave de mis archivos musicales, y que al dar click se seleccione, espero tu ayuda potro :D

    ResponderEliminar
  92. Es el mismo de la entrada pero sin las imágenes:

    <center><textarea rows="3" cols="30" onclick="this.select();">
    AQUI TU TEXTO
    </textarea></center>

    ResponderEliminar
  93. Hola Potro he estado intentando poner lo que has dicho, pero al final dentro de la cajita me sale mal el código:

    <a href="http://el-maleante.blogspot.com/" target="_blank">
    <img border="2" alt="El Maleante" src="http://img256.imageshack.us/img256/1447/elmaleante.jpg" /></a>

    A ver si me puedes decir el problema, gracias :)

    ResponderEliminar
  94. Hola ErGeM,

    Pero ese código está bien, a no ser que no te haya entendido bien, ¿en dónde lo has puesto para que pueda verlo?

    ResponderEliminar
  95. Curioso que ahora ahí salga bien xD Este fin de semana lo volveré a probar.

    ResponderEliminar
  96. Hola creo que ahora sale todo bien. Un saludo y gracias ;)

    http://el-maleante.blogspot.com/2010/12/enlazanos.html

    ResponderEliminar
  97. Gracias por la recomendación ErGeM :)

    ResponderEliminar
  98. hola!!
    disculpa cómo hacer para poner asi como la cajita donde va el codigo, por que yo quisiera asi poner una pagina con todos los codigos de mis banner (asi como tu) pero el codigo es largo y se ve mal, pero tu lo pones en una especie de cajita deslizable ¿como le hago? pongo algun godigo antes o..
    bueno espero tu respuesta bye

    ResponderEliminar
  99. Hola Jaime, usa este código:

    <textarea rows="3" cols="30" onclick="this.select();">
    ...Aquí el código que quieras...
    </textarea>

    Dentro verás los valores que puedes cambiar para modificar su tamaño.

    ResponderEliminar
  100. Acabo de incorporarlo, potro..uff esto de autopromocionarse, me salen hasta zarpullidos, ay, pero lo he puesto al final del todo del blog y queda bien y más disimulado, :).
    Muchísimas gracias por toda la ayuda que nos regalas.
    Un beso

    ResponderEliminar
    Respuestas
    1. Jajaja, no lo veas como autopromoción, velo como un "por si acaso" :)

      Eliminar
  101. Todo lo que buscaba para mi blog lo tienes aquí! Muchas gracias! CiudadBlogger es una mina!

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Daniel, saludos.

      Eliminar
  102. Hola Potro..de lo mejor,todo lo que colcocaslo hago y me sale de una vez.

    Eres genial!
    Coloque el tuyo en el mio y ya voy a colocar esto..
    Desde Venezuela...-)

    ResponderEliminar
  103. SUPER Y LO MEJOR ES QUE SIEMPRE RESPONDES LOS COMENTARIOS NO COMO OTROS GRACIAS

    ResponderEliminar
  104. No se si se elimino mi comentario... si no entonces borra el spam xD... pues mi problema es el siguiente, a mi me funcionaba el textarea en la sidebar normalmente pero de la noche a la mañana ya no se ve nada :/ el html que introduzco en el textarea no se visualiza D: y me lo borra :S , texto normal si puedo poner pero html, por ejemplo el codigo para que me enlacen no :S a que se debe?... mi blog es lesliemishigan

    ResponderEliminar
    Respuestas
    1. Hola Leslie, el código que pongas en tu textarea ponlo convertido a texto plano para que te lo muestre sin problemas:
      http://ciudadblogger.com/p/conversor-de-html-texto-plano.html

      Eliminar
  105. Vuala! :O ... mil gracias ^^ me ha servido xD, fue algun cambio de blogger o que paso? antes podia colocar el html asi tal cual y me lo aceptaba O: ... en fin, se resolvio el problema y aproveche para colocarle que cuando al hacer clic se copiara todo el codigo :D ... y disculpa por el doble comen :S esque no habia visto que los comentarios aparecian despues de la aprovacion xD

    ResponderEliminar
    Respuestas
    1. Descuida ;) y qué bueno que ya no tienes ese problema :)

      Eliminar
  106. Sé que acabo de comentar en otra entrada sobre "parsear" el html o algo parecido, pero acabo de ver la solución a la última pregunta en esta entrada y me funcionó! Mil gracias!

    ResponderEliminar
  107. Hola Potro,
    Esto es lo que estaba buscando desde hacia mucho tiempo! Pero tengo un problema... en la parte que tendría que salir el codigo HTML no me sale nada, pero puedo escribir lo que sea, que he de hacer?

    ResponderEliminar
    Respuestas
    1. Hola Úrsula, ¿en cuál blog lo has puesto?

      Eliminar
  108. Muchas Gracias, me sirvio, e igual me paso lo de que ya no salia el codigo xD pero bueno al leer los comentarios del final pude ver que solo debia de convertir a texto plano una parte del codigo que esta en el textarea y ya me saldria el dicho codigo en el blog, en verdad gracias...

    ResponderEliminar
  109. hola buenas, primero que todo, gracias por la ayuda, bueno yo lo probe en mi blog pero al momento de guardarlo en la cajita de texto que deberia aparecer la direccion y todo no aparece nada y bueno lo termine borrando porque me paso muchas veces, como podria solucionarlo que me aparesca el codigo en la caja?

    ResponderEliminar
    Respuestas
    1. Habría que verlo puesto para entender qué pudo haber pasado.

      Eliminar
  110. yo tengo una super duda, donde tengo que subir la imagen o tra cosa además es donde debo de pegar el codigo de otros blogs para que nos afiliemos y no aparezca su codigo espero pronta respuesta gracias

    ResponderEliminar
    Respuestas
    1. Puedes subirla donde desees, yo recomiendo que la subas desde el blog para que se aloje en Picasa.
      En cuanto a lo otro no sé si entendí bien, si pegas el código de otro blog aparecerá donde lo pongas, si no quieres que el banner de otro blog aparezca entonces la solución es no ponerlo.

      Eliminar
  111. ¡¡¡Hola!!! Tu página me ha servido de muchísima ayuda desde que empecé con mi blog. ¡Muchas gracias!

    Pero tengo un problema, y me parece que es el mismo que el de Úrsula: me ha desaparecido el código de enlace. Me di cuenta hace un par de semanas, y he intentado volver a reescribirlo pero no sirve de nada... Aunque lo curioso es que a una que me afilió le sigue funcionando el banner. ¿Ayuda?

    Mi blog es http://cosasvariasdeunaotaku.blogspot.com.es/
    Y el de la chica que tiene mi banner http://memoriasdenaya.blogspot.com.es/

    ResponderEliminar
  112. ¡Hola! tu página me ha sido de gran ayuda desde que comencé con mi blog. ¡Muchas gracias!

    Pero tengo un problema y creo que es el mismo que el de Úrsula: me ha desaparecido el código de enlace. He intentado volver a reescribirlo, pero no sirve de nada... Lo curioso es que a una chica que me afilió le sigue funcionando el banner. ¿Alguna idea sobre que puedo hacer?

    Mi blog se llama LAS COSAS DE ALICE, y el de la chica que tiene mi banner Flox de los Escritos (tengo su banner en la barra lateral).

    ResponderEliminar
    Respuestas
    1. Hola, copia de nuevo el código, ya está arreglado para que funcione de nuevo.
      ¡Saludos!

      Eliminar
  113. hola mira hice todo lo que dijistes y me salio el cuadro y la imagen pero el cuadro estaba vacio
    ayudame! gracias

    ResponderEliminar
    Respuestas
    1. Ya está arreglado el código, cópialo y pégalo nuevamente.

      Eliminar
  114. Hola, Potro.
    Quiero poner la cajita de código pero tengo la función del botón derecho deshabilitada, ¿como puedo poner para que solo puedan copiar lo de la cajita aun con la función deshabilitada?
    Gracias

    ResponderEliminar
    Respuestas
    1. Hola Clau, será necesario que quites el código del botón derecho, o bien, que lo uses sólo en las entradas, así todos los gadgets no se verán afectados:
      http://ciudadblogger.com/2009/10/como-evitar-que-te-copien-imagenes-y.html

      Eliminar
  115. Hola y Gracias El Potro por tu trabajo.He añadido el codigo y añadí style="padding-top:15px; width:70px;"(comentario 87) para que el icono imagen que puse,tubiera el tamaño deseado,pero al enlazar mi blog,sale el icono imagen a ellos quien enlazó muy grande,quiero que se les quede un tamaño mas reducido.Graciass y saludos.

    ResponderEliminar
    Respuestas
    1. Hola El zeta-, lo añadido debe ir en la segunda parte del código, no en la primera, es decir, en la segunda URL de la imagen. Saludos.

      Eliminar
  116. Gracias y saludos.Lo he añadido en la segunda parte del código,me sale la imagen con el tamaño que quiero,pero el que me enlaza,les sale la imagen muy grande,mira=http://lawebelzeta.blogspot.com.es

    ResponderEliminar
    Respuestas
    1. Es porque la imagen que tienes en el link así es de grande, si copias esa URL y la pegas en la barra de direcciones del navegador verás que la imagen es de ese tamaño.
      Una opción es que en esa URL modifiques esta parte:
      w419-h155-no

      Eso elimínalo y en su lugar pon esto:
      s100

      Eso significa que la imagen tendrá 100px de ancho, puedes poner cualquier tamaño si lo deseas.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger