86

Link a tu blog mediante un widget

Con este método proporcionamos a nuestros visitantes un botón de enlace de nuestro blog, para que lo coloquen en el suyo.
El botón se añadirá con el mismo sistema de añadir un widget de forma automática.

[1] En primer lugar hemos de tener creado un botón de enlace de nuestro blog. Si aún no lo tienes y quieres uno rápido y fácil, puedes visitar Cool Text.

[2] Subimos el botón a un alojamiento de imágenes y copiamos su url (dirección).

[3] En nuestra plantilla - añadir nuevo elemento, escogemos un elemento Html-javascript y pegamos este código:

<img src="URL DE TU BOTON"/>
<form action="http://beta.blogger.com/add-widget" method="POST">
<input value="FAVORITO" name="widget.title" type="hidden"/>
<textarea style="display:none;" name="widget.content">

<a href="URL DE TU BLOG"><img src="URL DE TU BOTON" alt="TITULO DE TU BLOG"></a>

</textarea>
<input
value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input
value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="Enlaza mi Blog" name="go" type="submit"/>
</form>

Sustituimos lo que está en mayúsculas por nuestros propios datos.
Donde pone "Enlaza mi Blog" también podemos poner lo que queramos, teniendo en cuenta que eso es lo que se verá escrito en el botón que saldrá en nuestra sidebar:

Cuando un visitante de nuestro blog desee enlazarnos, solo tendrá que pinchar en ese botón y seleccionar el blog donde ha de salir nuestro enlace y el título que va a ponerle (puede dejarse sin titulo):



Nuestro botón de enlace aparecerá de forma automática en el blog del visitante, solo tendrá que arrastrarlo donde mejor le parezca.

Entradas Relacionadas:

86 comentarios:


Yan X

Hola!
como siempre mil felicitaciones por el blog, siempre que requiero de ayuda busco por aca, pero bien hay una cosa que no eh encontrado...tal vez por que es algo especifica :P y a vece no se bien como buscarla
espero puedas responder mi consulta ^^
y creo que sera sensilla, es que por mas que trato no puedo quitar el subrayado del titulo de las entradas, bueno si me puedes ayudar con que parte de la plantilla modifico me darias una gran ayuda

solo nomas
de antes manos muchas gracias

Rosa

Yan X, eso es porque no tienes en el código nada que le indique al título (que es un link más) como debe mostrarse y lo hace como los demás links del blog.

Sitúate en el código de tu plantilla y sin expandir artilugios, localiza esto:


.post-body p {
text-align: left;
line-height:1.5em;
margin:0 0 .6em 0;
}

Justo encima de eso, coloca este código:
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
}
USA LA VISTA PREVIA ANTES DE GUARDAR.

Espineli

Hola Rosa como siempre haces un trabajo estupendo en este blog, acabo de añadirle a mi blog un favicon la mar de chulo gracias a tus explicaciones jeje.
1 saludo.

Alberto

excelente post como de costumbre :D

Rosa te queria hacer una pregunta, el buscador que tenes ahora, como haces para agregarlo al blog? por que es muy util y parece muy comodo.

desde ya gracias

Yo misma

Qué buena idea! No sabía que podía hacerse de esta manera; así es aún más sencillo que con el onclick!

Y una preguntita... el widget de ¿Tu primera visita a El escaparate?... está puesto con el hack de invisibilidad para que sólo se vea en las páginas individuales de las entradas? Se le puede sacar mucho partido, sobre todo para las visitas que llegan a una entrada determinada a través de un buscador.

Utopia

me funciono :) muchas gracias rosa

que tu blog siga creciendo dia a dia para que sea mucho mejor ^^

Paula

rosa, aprvecho para felicitarte por el blog, recién empiezo en este mundo y el manejo del HTML se me ha hecho fácil con tus explicaciones... enhorabuena !!!

El Dueño

Una vez más. Gracias, gracias, gracias, gracias.-

Una Diosa!!!

Eulalia

¡Que guapada! es una pasada por lo fácil que resulta. En particular para quienes se lian con los elementos HTML/Javascript.
Lo he probado en la última plantilla que he tuneado y me lo he añadido al blog de pruebas para ver que tal funcionaba el invento y ¡de coña! un 20 para quien lo haya diseñado.
Saludos, besos y abrazos.
P.S. ¿Le echaste una ojeada a las ideas de plantillas? y si es así ¿que te han parecido? No quisiera molestar pero tu opinión es muy importante para mi, querida maestra.

Rosa

El Dueño, gracias a ti! :-)

Rosa

Eulalia, pues a decir verdad no tengo idea de quién lo diseñó, lleva tiempo circulando por ahí...lo tenía en borradores hace mil...

Si he visto tus plantillas ¡estate al loro que hay sorpresita! ;-)

Adriana

Rosa, Rosa, tan maravillosa (como decía un Sandro en su canción)
Es la primera vez que te escribo pero llevo leyéndote desde que decidí armar mi blog. Gracias a vos y sin saber absolutamente nada de html estoy haciendo las modificaciones que quiero. Y cuando esté listo, aunque mi blog no tiene nada que ver con "las ayudas" sino con la moda me gustaría enlazarte como una forma de agradecimiento.

Gracias de todo corazón. Un beso desde Argentina

Rosa

Adriana, muchas gracias!

Ya he visto tu blog, en rosa con ese fondo de ¿brillantes? maravillosos.
¡Muy lindo!

problemas-informaticos

Hola Rosa desde que empece a utilizar blogger he consultado varias veces tu blog, es muy bueno la verdad y utilizas un lenguaje claro y conciso, gracias.
PS: te molesta que te mande unas consultas por mail?

Rosa

problemas-informaticos, por supuesto que no me molesta, para eso esta.:-)

Ivan Pawluk

EXELENTE ESTOY SORPRENDIDO

Rosa

Ivan, si es sencillo y práctico ;-)

aBdUl

hola rosa, muchas gracias por esto, pero disculpa mi ignoracia en cuanto HTML, quisiera saber que se pone en POST y en FAVORITO, noc que se pone hay, te pediria que me ayudaras en eso, y tu blog es uno de los mejores en ayuda, saludos!

Rosa

Abdul, donde pone Favorito, es lo que se verá en el botón, o sea, si pones "enlazame" "enlaza mi blog" o algo así, estaría bien, en post, yo lo dejaría como está, no implicará más nada...

aBdUl

hola rosa muchisimas gracias por la rpta, eres muy rapida gracias, de verdad!, y un gran saludo y haber si te pasas por mi blog y me das alguna critica constructiva, en realidad quiero ensancharlo o cambiarle de plantilla, bueno saludos desde Peru!

claudiamx

hola rosa una duda plisssss, quiero poner el boton pero dice que se guarde en un alojamiento de imagenes y pongamos la url pero no se como hacerlo , que es un alojamiento de imagenes y como me da el url, ya tengo mi boton y guarde la imagen pero en "imagenes" no se si sea lo mismo
gracias de antemano

Rosa

claudiamx , no así no sirve, lo que has hecho es guardar la imagen en tu PC, pero ahora tienes que subirla a un alojamiento en Internet, hay muchos disponibles, por ejemplo ImageShak (http://www.imageshack.us/)
Vas a esa web pinchas en "Examinar" y localizas la imagen en tu PC luego pinchas en "Host it!" y esperas unos instantes, te saldrán varios códigos, usas el último de todos.
Ese es el enlace a donde tu imagen ha quedado alojada en Internet.

claudiamx

rosa buuuaaa
ya hice todo lo que me enseñaste y quedo mu bonito mi boton pero ya enlace otro blog y le doy al boton y me deberia de mandar al de cocina... pero me dice que no se puede encontrar el blog que busco que pasa???? donde esta el boton es cocinaconclaudia.blogspot.com y donde lo puse para enlazarlos es
claudiamx.blogspot.com ¿que hago?


gracias por tooooooda la paciencia

Rosa

claudiamax, eso va a ser que no has puesto correctamente la url del blog, ha de ir tal como la vemos en el navegador:
htt://claudiamx.blogspot.com/

claudiamx

¡¡¡que burra!!! eso era gracias mil por tanta ayuda, te seguire preguntando ni creas que te salvas jajaja, gracias y un gran saludo

Rosa

claudiamx, no mujer, no eres burra, ha sido un despiste nada más...:D

¿No me salvo? uysss ¡que miedo! :D:D

Silvia

Voy a poner el enlace de tu sitio en el mio , para cuando no sepa como hacer algo , venir para aca . Gracias por tu aporte , muy buen blog.

ɐlnqɯáʇɔou

Hola Rosa solo quería agradecerte toda la información útil que brindas. Festejo tu solidaridad. Y solo una preguntita más. Resulta que me quedó hermoso El botoncito pero la parte del cartel "enlaza mi blog" me quedoo muy hacia la izquierda. Bue en realidad en mi sidebar esta todo muy a la izquierda. Desde ya mil gracias.
lía

Rosa

ɐlnqɯáʇɔou , para centrar lo que colocas en tu sidebar, tienes que localizar esto en la plantilla:
.sidebar {

Y justo debajo coloca esta línea
text-align:center;

Neru

Rosa, he cambiado la imagen de tu enlace por otra que la identifico más con tu blog. Si consideras que no ha de ser así, me lo dices y vuelvo a la "muchacha del ordenador". Saludos.

Rosa

Neru, de hecho me gusta mucho...¿puedo usarla?;-)

Neru

Que cosas tienes. Claro que sí.Tú pidiéndome a mi algo de imágenes...

Un Perro

Hola Rosa !!
bueno el blog lo tengo como quiero, por eso ahora estoy en detalles. :D
Me preguntaba si este widget podría sufrir modificaciones, ya que me gustaría armarlo con un boton con efecto Emboss y con mouse over,:o (todo esto para mi es chino)
sería algo como que cuando pase el ratón por el boton, tiene un efecto distinto al que presenta de entrada,
pero para este efecto me devuelve un código solo para el boton que sería algo mas o menos asi.
<img src="cooltext412152369.png" onmouseover="this.src='cooltext412152369MouseOver.png';" onmouseout="this.src='cooltext412152369.png';" />
esto se puede utilizar con el código que mostras aquí suplantando donde dice URL DEL BOTON por esto ?

un beso enorme Rosa :)

Rosa

Un perro, es un botón imput, así que su estilo es el predeterminado.
Si puede añadirsele un id, y así mediante css darle otro aspecto (ejemplo, mi botón "buscar" del buscador) lo que no se ahora mismo es si podría darsele la propiedad onmouse...
Ahora mismo voy algo corta de tiempo, prometo mirarlo en cuanto pueda.

P.D. Si ves que se me pasa, me lo recuerdas sin problema.

Fercho

MUY BUENO SU BLOG ME HA SERVIDO DE MUCHO

CarlosR

Me ha venido muy bien tu ayuda, y ya he puesto el boton de enlace. Si quieres me puedes visitar y comprobar si funciona. jeje

Gracias.

Helena

Hola Rosa, he colocado el widget, pero el boton para pinchar, me queda a un lado, y me gustaria tenerlo centrado respecto a la imagen del boton. Como puedo hacerlo?

He probado lo que dices en el comentario 29, pero claro, el efecto se aplica a toda la sidebar, y no quiero eso.

Gracias por adelantado!!! ;)

Saludos!!

Helena

Hola de nuevo Rosa, no te preocupes, ya lo solucione ;)

Muchas gracias!!

Rosa

Helena ¡Qué bien! ;)

Fede

Excelente Rosa, gracias! :D

Ian

Hola Rosa mi boton funciona pero no tiene los colores ni el aspecto que elegí Podés ayudarme? Gracias

Este es la url de mi blog http://blogdelavivi.blogspot.com

Rosa

Ian ¿De qué botón hablas? Si es de esta entrada, aquí no hay nada que elegir....:S

Yeltsin_Nicolas

Eres la mejor! amiga! ya lo puse en mi blog!

Francisco

Hola Rosa, después de media hora lo saqué a flote, es increíble como me cuesta esto aunque tus explicaciones son excelentes, te felicito porque es espectacular lo que uno aprende en este blog.
Besos desde argentina

carlosrlun

Una preguntota copie e hice lo que sugerias pero al momento de agragra los latifundios me manda a mi pagina de diseño pero como error, como le heago para que funcione correctamente como el tuyo porque el toyo lo agregue varias veces pero muy bien al momento de mandarme a la pagina de diseño funciona corractamente y el mio no. ojala puedas ayudarme www.rodesp.blogspot.com

carlosrlun

perdonn no son latifundios son artilugios

Rosa

carlosrlun Acabo de probar yo misma con un botón y copiando el código de esta entrada por si acaso... ningún problema :o

Jorge Ángel Aussel

Rosa, otra vez yo, con otro problema. Antes era que no podia centrar los "ultimos comentarios" ahora realicé lo que dice esta entrada y la imagen me queda centrada pero no igual el botón...

Como veo que lo tenés centrado, me gustaría saber como lo hiciste.

Gracias

Rosa

Jorge Ángel Aussel He metido el código para el botón dentro de un div, así:

<div style="text-align: center;">

Aquí todo el código

</div>

Jorge Ángel Aussel

Gracias Rosa!

El Rey del Futblog

Buenas Rosa!

Yo hace poco lo instalé para que pudieran poner mi link en otros sitios y se veía perfecto.

Sin embargo hace cosa de 2 o 3 días, creo me ha desaparecido el borde del botón donde pone "Enlaza mi blog", pq ahora lo veo diferente, como si fuera un recuadro sin más y weno...no se ve tan bien como antes.

Hay alguna manera de cambiar el color del borde de ese botón ? o simplemente volverlo a ver como antes ?

Si quieres pásate por mi blog, así puedes ver a qué me refiero.

Gracias por todo Rosa!

Saludos desde El Rey del Futblog! Esperamos tu visita!

Rosa

El Rey No tengo ni idea de que ha podido pasar, pero es botón input así que debería verse como todos si el código está correcto...

Por cierto, no hace falta que dejes un enlace a tu blog en cada comentario, con el enlace a tu perfil cuando comentas es suficiente...

El Rey del Futblog

Gracias por la respuesta.

Pues ni idea, pq agregué el mismo codigo que tengo puesto, a otro blog q tengo y ahi si se ve bien.

Últimamente quité la fecha de las entradas y centre los títulos de las entradas, no sé si tocando eso igual he variado algo y se ve así el botón...en fin a ver si puedo arreglarlo.

Saludos y gracias de nuevo!

Web Master

Rosa gracias ,,ya lo enconres es Henry,muchas gracias

Fackss

muchas gracias rosa
mi blog se ve bien gracias a tus consejos
muchas gracias y sigue asi!! :D

La_makina

Buenas Soy La Makina Buen Post Rosa.Podeis Pasaros Por mi blog ? Cofrade 100%.
http://semana-santa-badajoz.blogspot.com/

Gracias a Todos Los Escaparateños

Rosa

La_makina No es un buen sistema este para promocionar tu blog... en la mayoría de blogs borrarían un comentario así por considerarlo spam. Yo no lo hago porque no incluye un enlace directo y porque entiendo que no lo haces con mala intención...
Te aconsejaría que comentases en otros blogs o en este, pero de forma que tu comentario aporte algo a la entrada, no un simple saludo... a través de tu perfil es fácil que algunos vayan a ver tus blogs...

Big-Boy Glass

Gracias Rosa Me sirvio de mucho..!

© ۞Jair Octavio۞

Hola Rosa, que padre si me salio bien, nuevamente mil gracias, salu2...

marcemoya

Eres lo MÁXIMO..... Había probado varios códigos y ninguno me funciono. Pero el tuyo marcha de maravillas. Solo una preguntita: como logro que el rotulo de "enlaza este blog" tenga efecto como el tuyo al pasar el cursor. Mil gracias por toda la ayuda que nos ofreces sin esperar nada a cambio, mas que un simple comentario. Gracias a personas como Tu existimos personas menos ignorantes. Un habrazo super fuerte.

Rosa

marcemoya Pues ni me había fijado en eso :o no he hecho nada... instalar el código tal como explico en la entrada.

Rosa

marcemoya Perdona me quedé a medias... iba a decirte que los botones input tienen ese efecto hover por defecto... fíjate sino en los de mi formulario de comentarios...

marcemoya

¡Sabes Rosa? estoy SOOOOORRRPRENDIDA!!!! De tu amabilidad al contestarme tan pronto... Gracias. Con tu respuesta quieres decir que para lograr ese efecto tengo que conseguir un botón input? Bueno, pero realmente el efecto ya es lo de menos, porque gracias a tus explicaciones logre lo deseado. Recibe un abrazo super fuerte. Ah!! Disculpa por la falta de ortografía en el saludo anterior.

Rosa

marcemoya Quería decir que el efecto debería de estar, pues es un botón input y ya lo tiene incluido... He estado en tu blog y no visto el gadget en el...¿quizás lo has colocado en otro?

Sandra

hola, gracias a tu blog poco a poco voy armando el mio.
Tengo un problemilla y necesito tu ayuda, llevo días intentándolo y no sé que hago mal. Tengo un botón de enlace que creo que funciona, pero en la imagen sale un letrero con el tamaño. No sé explicarme mejor, si puedes pasarte por mi blog y echarme una mano te lo agradecería.
Al final creo que si no lo soluciono tendré pesadillas.

También aprovecho porque me dicen unas seguidoras que no pueden comentar en mis post, pero yo hago la prueba y yo si que puedo. ahí también necesito tu ayuda.

Espero tu respuesta y muchas gracias con tu trabajo nos ayudas mucho a personas como a mi que no tenemos ni idea de códigos

Rosa

Sandra Tienes algún error en el código de la imagen, algo mal cerrado... no puedo ver exactamente que, pero revisa el código que colocaste para la imagen...

En cuanto a los comentarios, es cierto, tienes habilitada la palabra (catcha) para poder comentar, tu no tienes problema pues como dueña no tienes que ponerla...
En configuración - comentarios cambia para no mostrar palabra de verificación... es mucho mejor para todos, mucha gente aunque pueda comentar no lo hace por no "pelear" con la catcha...

Sandra

muchas gracias, has sido de mucha ayuda y además muy rápida. Creo que ya lo he solucionado. Te enlazo porque tu blog es muy útil. Un slaudo

Ƹ̵̡Ӝ̵̨̄Ʒ╭✿☆๓คгy ☆✿╮ Ƹ̵̡Ӝ̵̨̄Ʒ

Hola! Hago tal cual y casi todo me funciona, imagen.....pero al darle clic en el boton de enlázame no funciona que hago mal?...gracias d antemano!

Ƹ̵̡Ӝ̵̨̄Ʒ╭✿☆๓คгy ☆✿╮ Ƹ̵̡Ӝ̵̨̄Ʒ

Ya lo solucione por mi misma gracias, no te preocupes por responder!

MAJA

hola rosa, me quedo buenisimo el boton pero me aparece abajo unas palabras de cooltex que no las puedo sacar, que tengo que hacer

Rosa

MAJA No veo el botón en tu blog...:O

Old School Generation.

Hola Rosa!
Alguna cosa me está fallando con este botón de enlace y no consigo encontrar el problema.
He hecho pruebas desde otros blogs que tengo, y al pinchar sobre el botón que debería remitirme al blog principal, me sale un mensaje diciendo algo así como "Lo sentimos. Pero la página "..." no existe en tu blog o algo por el estilo.
A alguien le ha pasado esto?

Old School Generation.

Creo que ya se donde está el error.
Estaba empleando la URL de la imagen en lugar de un botón propiamente dicho.

Old School Generation.

Pues no, no era ese el error.
Seguiré probando a ver y si doy con alguna solución te la escribo por aquí :)

Old School Generation.

Hola Rosa, conseguí solventar el problema haciendo algunos pequeños cambios.
Esta mañana traté de copiarte por aquí el código por si a alguien le podía servir de ejemplo pero no me ha dejado, me salía un error.
En cualquier caso el resultado obtenido dista de ser perfecto, pues existe una pequeña separación entre el botón propiamente dicho y el segundo botón con el texto de "enlazame"; y entre medio me sale "/>.
Aunque por fortuna el botón ya cumple con su cometido.
Trataré de solventar esto y si averiguo cómo te informo :)

Rosa

Old School Generation. Pues no se que puedes estar haciendo mal... no deberías tener que hacer ningún cambio en el código, yo misma uso este exactamente igual en mi botón de la sidebar sin problemas.

manu6666

me pasa lo mismo que a Old School Generation.

me dice "Lo sentimos. Pero la página "..." no existe en tu blog o algo por el estilo.

no he cambiado nada lo he hecho igual como tu lo describes, te dejo mi dirección.

http://peliculasenzonadirecta.blogspot.com/

manu6666

ya lo logre algunos hosting de imagen no sirven para esta aplicación

Rosa

manu6666 Acabo de incluir tu botón en uno de mis blogs de pruebas directamente desde tu sidebar sin ningún problema.

Odile

Hola Rosa, me encanta tu blog y como imaginaras tengo una super duda. Verás he conseguido el botón de enlazar de mi blog, pero no consigo que aparezca la imagen de Cool text. Me he vuelto loca y soy torpe, torpe pero no me sale, si no te molesta, ¿que hago mal? GRACIAS

Rosa

Odile No veo por ningún lado en tu código la url de la imagen que quieres usar, de Cool Tex o de donde sea... no está... fíjate bien en las instrucciones.

Odile

Rosa disculpa que no te haya dado las gracias antes por contestarme.

Rosa

Odile Ningún problema...:D ¿Y como va lo del botón?

Odile

Lo del botón, pues mira no sé que hago mal, porque está claro que la torpe soy yo,me salen unas rayitas raritas, raritas, y lo he quitado. Esta noche lo volveré a intentar, se está convirtiendo en uno de mis trabajos de Hercúles, jajaja. Gracias Rosa.

Miguel

Saludos:

Coloqué sin problemas estos botones, pero a ver si me puedes resolver un problema que en realidad no es problema:

¿Se puede reducir la distancia entre la imagen y el botón en el que hay que pinchar para enlazar?

Es que me gustaría que la imagen y el botón apareciesen más juntos, ya que al tener varias imágenes para que cada uno elija la que más le guste, no me gusta al 100% como queda todo en conjunto.

Gracias de antemano por todo.

Rosa

Miguel La imagen y el botón no pueden a veces juntarse más, ya que algunas imágenes, aunque no se note debido a su fondo trasparente, ocupan más espacio de los que es el simple dibujo que vemos. Por otro lado, al ser un botón input, también por defecto tiene una distancia añadida alrededor del botón.

Lo que si puedes es separar cada conjunto, es decir, imagen y botón - separación - imagen y botón, para eso usarías un <br/> después de cada conjunto... eso es lo que yo misma he hecho en mi blog...

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S