Añade un banner a tu blog y el código para que te enlacen
En este post explicaré cómo podeis poner en vuestro blog un banner y un código para que os enlacen tal y como yo tengo en mi blog. Un banner es una imagen que enlaza directamente a tu blog. Suele tener alguna imagen relacionada con tu blog o el título del mismo. Hay banners de varios tamaños, pero en este caso haremos uno pequeño para poder ponerlo en la sidebar de nuestro blog y que los demás la puedan poner en la suya si lo desean.
1. Crea tu banner.
Lo puedes hacer tu mismo o crearlo con la ayuda de webs especializadas. Por ejemplo, yo he encontrado una que en pocos pasos te crea un banner, y tiene bastante modelos donde elegir. Se trata de www.banner-generator.net. Entrais y le dais bajo, a Start banner creation. Una vez lo tengais creado, os lo descargais a vuestro pc y lo subis por ejemplo a Imageshak, para obtener la URL de vuestro banner.
2. Añádelo a la sidebar de tu blog de Blogger.
Accedemos a Plantilla --> Elementos de la página --> Añadir un elemento de página --> HTML/Javascript. En la ventana de configuración de HTML/Javascript le poneis el título que querais. Yo por ejemplo puse "Enlázame". A continuación pegaremos dos códigos: uno pertenecerá a nuestro banner en sí mismo, y el otro a una ventana como la que yo tengo en la que aparecerá un código que los visitantes tendrán que copiar y pegar en su blog si quieren disponer de nuestro banner.
Estos son los dos códigos:
ACTUALIZACIÓN: Me pregunta Snowy sobre cómo modificar el tamaño de la ventanita (textarea) para ajustarlo a su blog. Pues bien, lo que teneis que hacer es sustituir el segundo código que os ofrecí por este otro:
Si modificais el valor de rows la hareis más larga, y si modificas el valor de cols la hareis más ancha. Yo he elegido 3 y 15 porque creo que así puede encajar en el blog de Snowy , pero cada uno podeis poner los valores que querais para que quede bien en vuestro blog.
2. Añádelo a la sidebar de tu blog de Blogger.
Accedemos a Plantilla --> Elementos de la página --> Añadir un elemento de página --> HTML/Javascript. En la ventana de configuración de HTML/Javascript le poneis el título que querais. Yo por ejemplo puse "Enlázame". A continuación pegaremos dos códigos: uno pertenecerá a nuestro banner en sí mismo, y el otro a una ventana como la que yo tengo en la que aparecerá un código que los visitantes tendrán que copiar y pegar en su blog si quieren disponer de nuestro banner.
Estos son los dos códigos:
<a href="http://TUBLOG.blogspot.com" target="_blank"><img src="URL de tu banner"/></a><p>
<h2 class="sidebar-title">Código para enlazarme</h2>
<textarea><a href="http://TUBLOG.blogspot.com " target="_blank">
<img src="URL de tu banner"/></a></textarea><p></p></p>
<h2 class="sidebar-title">Código para enlazarme</h2>
<textarea><a href="http://TUBLOG.blogspot.com " target="_blank">
<img src="URL de tu banner"/></a></textarea><p></p></p>
(Donde dice "Código para enlazarme" podeis poner lo que querais)
Le dais a guardar cambios y listo; ya teneis vuestro banner y el código para que os puedan enlazar.
Le dais a guardar cambios y listo; ya teneis vuestro banner y el código para que os puedan enlazar.
ACTUALIZACIÓN: Me pregunta Snowy sobre cómo modificar el tamaño de la ventanita (textarea) para ajustarlo a su blog. Pues bien, lo que teneis que hacer es sustituir el segundo código que os ofrecí por este otro:
<textarea rows="3" cols="15" class="code" wrap="off"><a href="http://TUBLOG.blogspot.com " target="_blank">
<img src="URL de tu banner"/></a></textarea><p></p>
<img src="URL de tu banner"/></a></textarea><p></p>
Compártelo: 
|
|
|
|
|
68 comentarios:
hay chica yo creo mis banners en banner shop, pero bloger como que se peleo con el y no le da movimiento o animacion, estaban paralizados y LOS QUITE...
amiga te tengo una preguntica...
por favor, entra por mi blog al de curiosa, y ve en su sidebar el recuadro donde coloca a los que ella curiosea... como se hace eso chica?
Tengo horas intentando y no puedo, no logro poner la imagen, ¿como se usa el ImagShak?.
Ya baje el baner que me gusta, ya lo examine de imagshak, ya escribi la direccion de la imagen (¿esa es? donde dice):
Link this file to your friends or view the uploaded file!
¿donde pongo ese condigo? ¿en el primero o en el segundo?, ¿donde va la url de mi blog?.
He estado buscando este truco durante mucho tiempo en otros blog pero no lo encontraba hasta ahora.
Por favo sean mas especificos, y piensen más en las personas como yo que no tenemos muchos conocimientos en esto.
Saludos
Te explico, Fernando:
En Imageshak le das a Examinar, subes la imagen q sea y le das a Host it!.Te dará unas cuantas direcciones, la buena es la última (Direct link to image).
En los DOS códigos que yo te doy, donde dice http://TUBLOG.blogspot.com has de sustituirlo por la dirección de tu blog (entre comillas), y donde dice URL de tu banner has de introducir la URL que te dió Imageshak (también entre comillas)
Espero haberte aclarado tus dudas, si sigues teniendo problemas dímelo e intentaré ayudarte. Un saludo!
El banner que escogi es un Banner estilo Flash.
¿Sera por eso que no puedo ponerl el banner con el respectivo codigo?
Puede ser, no lo he probado con banners en flash. Intentalo con uno estático.
muy util el articulo, me ha solucionado todo lo que necesitaba saber. por cierto, te tengo enlazado :P
un saludo!
Hola! Tengo un problema donde pone el códiga. La ventanita es demasiado larga y me desfigura el blog. TT.TT
Mira: http://snowy-sny.blogspot.com/
Puedo cambiar su tamaño? Como?
Y gracias por esta entrada! Es muy útil!
Hola!
Solo paso para agradecerte tu excelente trabajo.
Te enlacé en el post 42, de mi humilde "arbolito de avidad", como yo le digo.
Un abrazo, y gracias por todo.
No te dejé el enlace específico. Ahora sí.
Hola mi vida!!!, es una suerte haberte encontrado, voy poniendo como puedo el enlace. Tenés idea lo que significa para mi????, jejeje.
Te pido ayuda para hacer como una familia de mis blogs amigos y favoritos, porque no me gusta como queda con lo que ofrece Blogger, podrías?.
Un abrazo, hasta cualquier momento.
desde "Palomas de Papel"
http://gracielaroth.blogspot.com/
PD: te he puesto en mis links
Sos un amor!! pero juro que ya van unos 10 intentos por poner mi banner y código..:o((.
Hoy algo logré, pero no me gusta mucho el banner, es chiquito y si no me queda gigante..y hay algo que no se como sacarlo, me queda una X en un cuadradito molesto sobre el código para enlazarme, en fin...voy progresando,igual te visito siempre, GRACIAS A FERIPULA!!!
bss
¡Gracias!, me volví mogólico buscando esto.
Saludos.
Lucas.
elultimoparaguas.blogspot.com
Este articulo,me encantó hace tiempo quería hacer esto,lamentablemente soy de wordpress y creo que no me funciona,se como hacerlo pero no he tenido resultados,sabes algo que pueda hacer,otara cosa explicaste como poner a su gusto la ventanita,pero y el barner,el que hice es muy grandeó muy chico,me gustaría que me contestra.
saludos y gracias por tu ayuda
Muchas gracias por este sencillo tuto, ya tenía yo ganas de tener un botón para que me enlacen... ahora sólo hace falta que alguien lo use.
Saludos y gran trabajo
Muchas gracias. Por fin lo he conseguido. No había manera, tú lo has explicado fenomenal. Gracias de nuevo.
Muchas gracias, la explicacion buenisima, por fin lo he conseguido.
Hola y gracias por tus explicaciones,a mi me han servido de mucha ayuda y ya te he enlazado a mi blog www.villarochel.blogspot.com
Un saludo
Excelente!, justo lo que necesitaba para hacer mi banner y poder compartirlo. Gracias... te pasaste!!
Marce
Muchas gracias por los consejos tan utiles que das en este blog.
Un saludo.
http://larondadelvigilante.blogspot.com/
gracias por todo amigo, yo te enlaza a mi web, ojala tu hagas lo mismo con la mia.
se despide:
Alfredo
muchas gracias
hace rato que buscaba hacer esto
saludos
http://www.caincamus.cl.kz
hola efecinco ya pude crear el banner bueno ya te enlace te doy las gracias de nuevo y espero q si tienes un poquito de tiempo te pases x mi blog y me enlasas jejeje bueno gracias y chauuu
Hola chiquilla por fin he conseguido hacer el banner estoy super contenta!! es que la primera vez que lo intenté casi me vuelvo loca.
Muchas gracias por tu explicación muy buena por cierto.
Gracias F5 Blog
Muchas gracias! me ayudast un monton
hola! llevaba tiempo queriendo hacer esto..peor no habia manera.
gracias a ti parece que funciona...aunque tengo que comprobarlo.
mil gracias!!
por cierto,te he enlazado.
un saludo!!!!
hola ,me llevo tiempo pero creo que lo consegui,ahora te pregunto ¿como se si el enlace va a andar bien si nadie me enlaza??como puedo probarlo??
Mil gracias por tus enseñanzas
hola.yo tengo este blog http://rincon-informatica.blogspot.com/
y quiciera saver que tengo que hacer para poner de titulo una imagen que enlace a la portada del blog.
Gracias
Muchisimas Gracias, esta muy bien explicado, para mi q recien empiezo con todo esto del blog me sirvio un montonazo ^^
Gracias, muchas gracias a esta página he estado intentando todo el día colocar el banner y encontré esta página que me ha ayudado mucho!!!
hoooooooolaaaaaaaaaa!!!!!!!!!!! hijo.. molesto para decirte.. no me esta funcionando lo del banner.. y yo quieroooooooooo jajaja porfa ayudame.. mi blog es: http://elnarcosatanico.blogspot.com/
pasa y ve lo delñ banner y ve que onda.. donde me equivoque?? gracias.. muchas gracias
Gracias, me costo un poco, pero al final lo consegui, pero al lado del banner me salio un cuadrito con una equis roja, no se como quitarla, pero bueno, de momento la dejare así, por lo menos ya se ve el Banner. Estoy empezando con el blog, me gustaria que si puedes echarle un vistazo y me das tu opinion, gracias de antemano.
El blog es: http://gothicmaniaxiii.blogspot.com/
uff me costo un poco pero lo logre, muchas muchas gracias.
http://clickealo.blogspot.com
Te voy a enlazar ;)
muchas muchas gracias
me serviste mucho
mi blog apenas esta empezando
antes de que empezara a escribir ya queria tener todos los demas elementos listos como el enlaze y la musica entre otras cosas y tu has sido parte de eso de verdad muchas gracias
sabes explicar!!
te voy a enlazar
gracias!!!
hola llevo tiempo intentando armar un banner, lo arme , me da el codigo y todo pero no me funciona, como hago, tenes algun paso mas sencillo
me ha parecido interesante su articulo, y en general todo el contenido de su sitio. Aprobecho la oportunidad para felicitarle por el esfuerzo e invitarla a la ves a visitar mi web www.frasesmotivadoras.com
hola me sirvio eso de los banner gracias por publicarlo!!! muy interesante
Epale amigo gracias por la ayudita me sirvio a la perfeccion gracias
Hola!!!! muchisimas gracias por el tutorial, sin mentirte tenia dias tratando de hacer esto y ningun tutorial me servia, el tuyo quedo de maravilla y ademas fue muy sencillo...
Gracias xD
www.comunidadoscuraweb.blogspot.com
www.panamagoth.blogspot.com
Muchas gracias por el tutorial *O*
en erdad no sabia como poner mi banner y aunque intentaba de aacer no me salia!!!
Me ayudo mucho gracias ^^
en http://viajetanger.blogspot.com
TE FELICITO!!!!!!!!!!
Sos un genio/a o lo que seas.
Te voy a hacer mucha publicidad y voy a poner éste artículo en mi blog, si te molesta lo saco.
Lo podes ver en
Yousogoogle
Y gracias... muchas gracias por compartir información que muchos mezquinan.
Hola, con respecto a la imágenes, yo prefiero usar imagechile.net ,
solamente "examinas" la imagen, luego la "subis" y te manda a otra página, de ahí copias y pegas (de eso se trata mi vida)la la segunda url.
Espero que sirva
saludos
Hola, yo ya savia hacer esto, solo quería saber si me podían decir como agregar un botón "Copiar Código" que copie el código al portapapeles automáticamente. Muchas gracias
Gracias!!
lo andaba buscando...
gracias!!!
Solos y solas en red
hola, tenog una duda a ver si me pueden ayudar, mi blog es www.todoexclusivofiestas.blogspot.com y logre poner mi banner en el blog pero queda como torcido, saben a q se debe?, gracias!!!!
hola una pregunta por que meto la direcion de la imagen y no me sale en la pajina si me sale la diercion a enlasar pero la imagen no muchas gracias te dejo mi direcion q lo veas
www.origenesflamencos.com
buen post era lo que estaba buscando y gracias por compartir
Muchas gracias, estaba buscando esta ayuda hace mucho y lo pude subir.
Gracias, ya lo he puesto :-)
gracias me funciono bien
Hola,funciona exelente,te felicito,
Buen blog.
RawRockNear
Hard dual systems es un web site que facilita la informacion compartiendo en si la cultura hacker, este sitio no se hace responsable del uso que se le de a nuestra informacion, ya que es de caracter educativo.
Wenas este es mi blog "http://www.mundoboombang.com.ar/"
si alguien kiere que agamos un intercambio de banners solo pidalo!
si pueden aganlo en mi blog ;)
gracias!!! me sirvio mucho
gracias fue de mucha ayuda para mi blog esque me pasaron codigo pero era erroneo es chido esta pagina
Gracias me fue de mucha ayuda, me llevo tu logo a mi Blog un saludo.
Hola, pues me parece genial tu post. Pero, tengo un problema, en lugar del banner, me sale una X y no logro que aparezca la imagen. Me ayudarías?
Gracias por el post =) en verdad me sirvió
buen blog, buenas ayudas ami en particular me funciono les dejo la dirección de mi blog.http://tisbitahombredefe.blogspot.com saludos desde México
Hola. funciona exelente,te felicito,
bueno
Predicciones|Horoscopo|Kabalas
Bendito tutorial, lo necesitaba ya que estoy de nuevo retomando el blog que dejé hace tiempo, y como es lógico se olvidan cosas. Ahora mi blog MuyTranquilo recobrará vida. ¡Gracias! ;)
Muy buen día, excelente info!, sin embargo he hecho varios intentos y aun tengo un problemita... en la caja donde debería aparecer el código para enlazar a mi blog en otro, no aparece el bendito código, ya no se que hacer!!! auxilio que hago?
Publicar un comentario