Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Tu botón de enlace (con botón )

Tal vez hayas incluido algún script para evitar que los lectores seleccionen y copien el contenido en tu blog. Si además has instalado el widget 'botón de enlace con código', los visitantes no podrán enlazarte en su sitio web.

Dado que esto es una desventaja para ti, como autor, es aconsejable recurrir a un gadget 'conectado' a blogger, de manera que tan solo se tenga que pulsar un botón para vincular tu bitácora, sin necesidad de copiar o pegar código alguno.



Diseño>añadir gadget (elemento de página)>html-javascript

trucos blogger


Pega este código en su interior:
<center><img src="URL IMAGEN" /><form action="http://beta.blogger.com/add-widget" method="post"><input value="Recomiendo..." name="widget.title" type="hidden"><textarea style="display: none;" name="widget.content"><a href="URL DE TU BLOG" target="blank"><img title="TITULO DEL BLOG" src="URL IMAGEN" /></a><br /></textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"><input value="http://www.blogger.com/favicon.ico" name="logoUrl" type="hidden"><img style="border:none;cursor:pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuZBkBHaxpCcAiotjsKwI1tW7uJbhh3zz3xLMqCb914GXXCLQdoAuFf_9yIO1Mlx9FtEfzM40pAZil0Hcb6ObdD1Ixw76a5VPG-EIeyA_JVGy3_U5gA8BIPCoOHdUK_HawoIpFHJjGxOi/s320/blcnbutt.png" value="Enlázame" name="go" type="submit"/></form></center>

Reemplaza URL IMAGEN por la dirección de tu banner o imagen, URL DE TU BLOG por la dirección del blog y TITULO DEL BLOG por el título.

El término Recomiendo... será el título del gadget del banner y puedes editarlo a tu gusto o simplemente eliminarlo.

Para el botón he utilizado una imagen con el texto 'Enlázame' pero puedes modificarlo cambiando la dirección resaltada en color grisáceo.

Si lo que prefieres es utilizar un botón corriente cambia esta línea:
<img style="border:none;cursor:pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuZBkBHaxpCcAiotjsKwI1tW7uJbhh3zz3xLMqCb914GXXCLQdoAuFf_9yIO1Mlx9FtEfzM40pAZil0Hcb6ObdD1Ixw76a5VPG-EIeyA_JVGy3_U5gA8BIPCoOHdUK_HawoIpFHJjGxOi/s320/blcnbutt.png" value="Enlázame" name="go" type="submit"/>
Por esta otra:
<input value="TEXTO DEL BOTON" name="go" type="submit"/>
Guarda el gadget y ofrecerás a tus lectores un sencillísimo procedimiento para enlazarte.

Eva Maria dice...

Hola Jaime, me ha quedado perfecto,eres un genio¡¡¡ muchísimas gracias por tu ayuda, saludos.

Jaime Trujillo Escobedo dice...

Eva, ahora me paso y lo veo :-) ¿es más cómodo que el del código verdad? :-D

Edda dice...

Hola Jaime, dime torpe, pero ¿donde va la url de la imágen?, por lo demás, creo que lo tengo controlado :-)

Jaime Trujillo Escobedo dice...

Edda, torpe para nada :-D todos aprendemos ;-)

Debes poner la URL de la imágen en dónde dice URL DE TU BOTÓN, señalado en verde ;-D

Marga dice...

Jaime, ya lo puse en mi blog. Creo que ha quedado perfecto jejeje.

Gracias !!!!

Marga

Jaime Trujillo Escobedo dice...

Marga, me alegra que te funcionase ;-) ahora me paso por tu blog y veo tu botón :-D

Edda dice...

Hola Jaime. Por fin! aunque creo se ha quedado un poco pequeño. Graciasssssss! :-D

Jaime Trujillo Escobedo dice...

Edda, ¿te refieres al logo? puedes crear cualquier logo o imagen de cualquier tamaño, para que te enlacen ;-)

Bleid dice...

hola jaime
he seguido los pasos pero no se ve la imagen de hecho pone imagen pero no se ve nada
joer que rabia no me aclaro con esto de los codigos

Bleid dice...

hola jaime
lo he hecho todo como dices pero no se ve imagen
help me please
gracias

Jaime Trujillo Escobedo dice...

bleid, ¿cómo es la dirección de la imagen que deseas poner? si quieres dame la dirección y te ayudo mejor con el truco ^_^

Bleid dice...

hola jaime
gracias por tu respuesta
no se la direccion yo he puesto la url de mi pagina

Jaime Trujillo Escobedo dice...

bleid, entonces ese era el problema, necesitas alojar una imagen ;-)

Donde dice URL DE TU BOTÓN debes poner la dirección de una imagen que puedes alojar en un servidor como TinyPic o Imageshack.

Una vez alojada la imagen, pega su dirección en los dos espacios del código y así tendrás tu botón ^_^

Bleid dice...

hola jaime
pincho una imagen y la pongo en la barra de direcciones y me sale esto
http://4.bp.blogspot.com/_sZ1_cClIH74/SWkRXASAaBI/AAAAAAAAAVY/ViNMR3Gm47Y/s1600-h/P8230225.JPG
esta es la direccion?

Jaime Trujillo Escobedo dice...

bleid, así es, esa es la dirección, pero la imagen es un poco grande, no servirá para un botón de enlace :-S

Quizás puedas reducirla a un tamaño considerable usando Quick Thumbnail

Bleid dice...

hola de nuevo
soy supertorpe no me sale
he colgado imagen en tinipic le he puesto tamaño thumbmail pero nada sigue sin salir cuando le pongo la direccion url
q hago?

Bleid dice...

Hola jaime
he reducido una imjagen con quick tumbnail y su direccion es http://1.bp.blogspot.com/_sZ1_cClIH74/SjtoQxgsD-I/AAAAAAAACFo/s0KeiuijjMI/S226/buda.jpg pero sigo los pasos y nada de nada
en que fallo.
te puedo enviar el texto que quiero y me guias un poco.
gracias

Jaime Trujillo Escobedo dice...

bleid, no te preocupes, ahora mismo lo solucionamos ^_^

Te dejo el código que debes poner en el gadget html-javascript (ya tiene tus datos):

<center><img style="width: 32px; height: 32px;" src="<b>http://1.bp.blogspot.com/_sZ1_cClIH74/SjtoQxgsD-I/AAAAAAAACFo/s0KeiuijjMI/S226/buda.jpg</b>"/>

<p>

</p><form action="http://beta.blogger.com/add-widget" method="post">

<input value="BLOG VOLANDOVOY" name="widget.title" type="hidden"/>

<textarea style="display: none;" name="widget.content"><br/><br/><a href="http://bleid-volandovoy.blogspot.com/"><center><img alt="VOLANDOVOY" src="<b>http://1.bp.blogspot.com/_sZ1_cClIH74/SjtoQxgsD-I/AAAAAAAACFo/s0KeiuijjMI/S226/buda.jpg<b>" title="VOLANDOVOY"/></center></a><br/><br/></textarea>

<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>

<input gif="" value="name=&quot;logoUrl&quot;" com="" img="" type="hidden"/>

<input value="Enlázame" name="go" type="submit"/>

</form>

</center>

Lo que está en negrita es la dirección de tu botón (la imagen) por si la quieres cambiar. ^_^

Bleid dice...

hola jaime
primero de todo muchas gracias por tu interes pero te ruego tengas paciencia conmigo
mira he copiado todo el codigo que me has enviado y ha quedado asi si puedes mira la pagina lo dejo puesto para que lo veas
saludos

Jaime Trujillo Escobedo dice...

bleid, no ví el botón :-S Quizás tu duda era que la nueva imagen (si la cambiaste) se quedaba pequeña. Eso puedes solucionarlo escribiendo las medidas de tu imagen en las líneas width: 150px; y height: 60px; (ancho y alto). ^_^

Bleid dice...

Hola jaime
no hay forma
que te parece si te envio una imagen por email , he intentado reducirla pero no hay forma , si te parece lo hacemos asi y asi puedes probar el codigo
gracias
un saludo de un novato patoso

Jaime Trujillo Escobedo dice...

bleid, creo que será lo mejor ^_^

Envíamela al correo :-D

elbalcondejaime@hotmail.com

Anónimo dice...

Hola Jaime quisiera un boton pero con la imagen que identifica mi blog. Como podria hacerlo?

Por favor ayudame

aztirayaneris@hotmail.com

Jaime Trujillo Escobedo dice...

Yaritza Fontanez Torres, ¿la imagen que identifica tu blog es esta?

http://4.bp.blogspot.com/_EHE7C54YrG4/SjxFKN691KI/AAAAAAAAAMA/Qlz8G22G6MY/s200/Yarie-003.jpg

Necesito saber la dirección de la imagen para poderte ayudar ^_^

Bleid dice...

hola jaime
no se si has recibido mi mail,si no es asi dimelo porfavor, en caso de que lo hayas recibido imagino que iras liado, asi que ya me enviaras tu respuesta cuando te vaya bien
muchas gracias
un saludo

Jaime Trujillo Escobedo dice...

bleid, si lo recibí ^_^

Ya te respondí y te mandé el código para tu botón de enlace =)

Saudos :-)

MBonÐ dice...

Gracias x todo lo que no sabemos jaja, quiero saber si puedo poner un boton de descarga directa, la mayoria de los blogs lo tienen, y no logro conseguir hacerlo. me refiero a que en vez de ver el link, haya un boton que diga (descarga) y hacer click sobre el directamente. No se si em explico. Gracias espero respuesta. Jaime desde el balcon o donde estes ayudame jajaja!

Jaime Trujillo Escobedo dice...

MBonÐ, no entendí bien a que te refieres. Este botón de enlace tiene un botón, no un link. :-S

Se puede hacer un botón de descarga para descargar cualquier archivo pero ¿a que te refieres?

¡Será un placer poder ayudarte! =)

Marcus dice...

Hola Jaime, he puesto el botón en mi blog y ha quedadao perfecto! Si quieres pasarte:El blog d'en Marc

Jaime Trujillo Escobedo dice...

Marcus, ya lo ví, que bonito diseño, ¡efecto cristal brillante! ^_^

OPin dice...

Me ha resultado de muchísima ayuda tu información. No podía encontrarla por ningún lado. Muchas gracias por tu blog.

Jaime Trujillo Escobedo dice...

Muchas gracias a tí Opin, por comentar. Seas bienvenido al Balcón :D.

varech dice...

Hola Jaime: lo he puesto y me ha quedado muy bien, pero mi problema es que por error he borrado el botón de enlace que tengo en la firma de los foros donde participo, que enlazan a mi blog, y no soy capaz de volverlo a reponer.
Todo lo que encuentro es en htlm, pero ahí no me lo admite y no sé ya qué hacer.
Llevo más de cuatro horas con ésto y ya mi última esperanza es que tú me des la solución.
Un abrazo

varech dice...

Jaime, que ya he conseguido ponerlo;)
Buen finde.

Jaime Trujillo Escobedo dice...

Me alegro mucho, varech. Estaré a tu disposición para cualquier otra cosa ;).

¡Buen fin de semana ^^!

Laube Leal dice...

Hola Jaime:
Estoy tratando de crear el botón de enlace, pero no me sale... He subido la imagen que quiero a Imageshack, pero no sé cuál de todos los códigos he de coger y tampoco tengo muy claro si cuando hablas de URL del botón, te refieres a la URL de esa imagen subida a Imageshack. Vaya... que estoy ma´s perdida que un piojo en un garaje.
Me echas una manita????
Un besoteeeeeeeeee

PC.- dice...

Gracias!! Me has ayudado mucho, he buscado por todo lado como crear un botón de enlace y no encontraba nada útil. Hasta que por fin encontré tu blog! Lo explicas muy bien y claro GRACIAS:D

Jaime Trujillo Escobedo dice...

Laube, perdona por el lío pero te voy a recomendar un sitio mucho más práctico para alojar las imágenes, TinyPic.

Una vez alojada, copias la URL (dirección) que te ofrecen en el último campo de texto, para insertarla en el código.

Jaime Trujillo Escobedo dice...

Magnífico, Paz. Te ha quedado un banner precioso, con ese bebé en el cielo ^^.

Abel3D dice...

Jaime una saludo, hay forma de que podamos suprimir el boton windows de enlazar y en la misma imagen hacer click?

Jaime Trujillo Escobedo dice...

Abel3D, supongo que te refieres a usar el propio logotipo como botón para enlazar ;). En ese caso, atento a esta entrada ya que en breve la editaré.

Elrincóndelapráctica dice...

hola Jaime! quisiera saber cómo se hace para poner una imagen al lado de donde dice " comentarios". En realidad quisiera ponerle el mismo lápiz que tenés vos acá en el blog ... espero que puedas ayudarme! Y desde ya, muchas graciasss!

Nuria

Brianna Callum dice...

¡Excelente!
Es justo lo que necesitaba y no tenía idea de como hacerlo. Tengo un blog protegido y quería que de alguna manera, se pudiesen llevar mi banner. Ésta ha sido la solución perfecta.
Seguí los pasos, sólo modificando las medidas y sin poner el título del widget, puesto que lo prefería así y quedó magnífico. Muchísimas gracias, Jaime.

Jaime Trujillo Escobedo dice...

Elrincóndelapráctica, estoy preparando la entrada para publicarla lo antes posible. Muchas gracias por tu consulta ya que pensé en haberos enseñado ya el truco.

Jaime Trujillo Escobedo dice...

Has encontrado una herramienta perfecta entonces, Brianna Callum. Como puedo ver, funciona a la perfección. Gracias a ti por tu amabilidad.

¡Abrazos!

blogpruebas dice...

si funciona, el que quiera lo enlazo solo manden un mensaje para saber

Jaime Trujillo Escobedo dice...

Perfecto, FutbolMuyCaliente. Espero que tengas suerte con los enlaces.

meme elvira dice...

Jaime ya te enlacé y ahora pruebo que tal me sale. Una preguntita vos me visitaste? porque alguin llamado Jaime me visito y no se si sos vos jaja¡¡ no dejó link. Saludos.

Jaime Trujillo Escobedo dice...

¡Bienvenida MEME Elvira! Aún no conocía tus blogs pero me han gustado mucho. En mis comentarios siempre dejo el nombre completo, núnca escribo como 'Jaime'.

Muchísimas gracias por el enlace y ojalá te sientas agusto en mi Balcón; Aquí estaré para ayudarte. ¡Saludos!

Alex494 dice...

Hola Jaime, llevo varios dias intentando poner este boton en mi blog, y aunque lo consigo no sale la imagen y no se por que es ( he seguido los pasos que indicas en esta entrada, pro no aparece correctamente)

Jaime Trujillo Escobedo dice...

Alex494, asegúrate de incluir la dirección de la imagen correctamente. Para conseguir dicha URL debes subir la imagen a una entrada de blogger y copiar la línea que se encuentra entre las comillas (" y ") a continuación del atributo src=.

Encontrarás esto en el código de la imagen, por lo que al subirla, pulsa sobre la pestaña 'Edición de HTML' del editor.

Alex494 dice...

:D Muchisimas gracias Jaime, lo he conseguido!! jaja, ahora solo me falta encontrar una imagen wapa que poner. Gracias de nuevo. Sigue asi con tu blog, es lo mejor.

Jaime Trujillo Escobedo dice...

Perfecto, Alex. ¡Ha quedado perfecto!

Nery Aragonés Padilla dice...

Gracias, por tus enseñanzas y paciencia.

Jaime Trujillo Escobedo dice...

¡Bonito banner, Nery! Saludos.

Maga DeLin dice...

Hola, cómo estás??

He seguido los pasos, pero el botón no funciona, pese a que se ve bien y todo.
¿Qué será?

Gracias por la ayuda!! Besos!

Maga DeLin dice...

Perdón, lo publiqué aquí Una Vida de Novela

Maga DeLin dice...

Listo, ya quedó!! Gracias, y disculpa tanto mensaje :)

Jaime Trujillo Escobedo dice...

No hay absolutamente nada que disculpar, Maga de Lioncourt, los comentarios son fundamentales para resolver cualquier duda. Consúltame lo que necesites, será un placer responderte.

¡Saludos!

EL Rickyy dice...

jaime la verdad creo que eres un genio, gracias a vos pude cumplir deseos que tenia de ponerle a mi blog.
Ahora una pregunta, hago clic en enlanzame y no pasa nada, puse algo que no iba o que paso?

EL Rickyy dice...

quise entrar a la web Una Vida de Novela como le pusiste a maga pero no anda dice que no existe.

desde ya muchas gracias.

PD:El blog que uso es el siguiente: www.tecnologia-nuestra.com.ar visitame! :P

EL Rickyy dice...

ya lo solucione, era pensar un poco nomas! jaja :D visita mi blog y dime que te parece, y dame consejos por favor, los necesito :D

Jaime Trujillo Escobedo dice...

EL Rickyy, gracias por la invitación pues acabo de visitar tu blog y me ha gustado mucho. Veo que has incluido unos cuantos widgets, quedó perfecto.

Quizás te interese saber que hay un nuevo traductor de banderas en El Balcón, una versión mejorada del anterior y muy fácil de instalar.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo