-->

martes, 15 de mayo de 2007

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:

<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>

(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.


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>

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.

69 comentarios:

Bexza dijo...

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...

Bexza dijo...

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?

Anónimo dijo...

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

melanista dijo...

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!

Anónimo dijo...

El banner que escogi es un Banner estilo Flash.
¿Sera por eso que no puedo ponerl el banner con el respectivo codigo?

melanista dijo...

Puede ser, no lo he probado con banners en flash. Intentalo con uno estático.

Axiarel dijo...

muy util el articulo, me ha solucionado todo lo que necesitaba saber. por cierto, te tengo enlazado :P

un saludo!

Neus dijo...

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!

Recursos para tu blog - Ferip - dijo...

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.

Anónimo dijo...

No te dejé el enlace específico. Ahora sí.

Unknown dijo...

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

Patricia Gold dijo...

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

Unknown dijo...

¡Gracias!, me volví mogólico buscando esto.

Saludos.

Lucas.
elultimoparaguas.blogspot.com

Anónimo dijo...

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

"Lama" dijo...

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

Rosa dijo...

Muchas gracias. Por fin lo he conseguido. No había manera, tú lo has explicado fenomenal. Gracias de nuevo.

Maria Jose dijo...

Muchas gracias, la explicacion buenisima, por fin lo he conseguido.

Pepa dijo...

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

Marcela Gael dijo...

Excelente!, justo lo que necesitaba para hacer mi banner y poder compartirlo. Gracias... te pasaste!!

Marce

Anónimo dijo...

Muchas gracias por los consejos tan utiles que das en este blog.
Un saludo.

http://larondadelvigilante.blogspot.com/

Alfredo dijo...

gracias por todo amigo, yo te enlaza a mi web, ojala tu hagas lo mismo con la mia.

se despide:

Alfredo

Cain dijo...

muchas gracias

hace rato que buscaba hacer esto


saludos

http://www.caincamus.cl.kz

El Vago dijo...

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

Anónimo dijo...

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.

Leandro Comeglio dijo...

Gracias F5 Blog

Anónimo dijo...

Muchas gracias! me ayudast un monton

McBarga2 (Marta) dijo...

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!!!!

Unknown dijo...

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

Martín dijo...

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

Chibi Naru dijo...

Muchisimas Gracias, esta muy bien explicado, para mi q recien empiezo con todo esto del blog me sirvio un montonazo ^^

Anónimo dijo...

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!!!

el_narcosatanico dijo...

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

Anónimo dijo...

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/

Lylux dijo...
Este comentario ha sido eliminado por el autor.
Lylux dijo...

uff me costo un poco pero lo logre, muchas muchas gracias.

http://clickealo.blogspot.com

Te voy a enlazar ;)

Pily AgMtz dijo...

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

Anónimo dijo...

gracias!!!

Walter David Miño dijo...

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

Adolfo Fernandez Penayo dijo...

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

Anónimo dijo...

hola me sirvio eso de los banner gracias por publicarlo!!! muy interesante

Omar dijo...

Epale amigo gracias por la ayudita me sirvio a la perfeccion gracias

Goth Panamá dijo...

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

Luneko dijo...

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 ^^

Maria sanchez dijo...

en http://viajetanger.blogspot.com

yousoggl dijo...

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.

yousoggl dijo...

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

Agusx1211 dijo...

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

** EDGAR ** dijo...

Gracias!!

lo andaba buscando...

yousoggl dijo...

gracias!!!
Solos y solas en red

Anónimo dijo...

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!!!!

Anónimo dijo...

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

Maik Diddy dijo...

buen post era lo que estaba buscando y gracias por compartir

Unknown dijo...

Muchas gracias, estaba buscando esta ayuda hace mucho y lo pude subir.

Amicrochet dijo...

Gracias, ya lo he puesto :-)

Anónimo dijo...

gracias me funciono bien

MeghaCulure♥ dijo...

Hola,funciona exelente,te felicito,
Buen blog.

RawRockNear

Anónimo dijo...

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.

Prof. Schinevik Michael dijo...

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 ;)

Siri dijo...

gracias!!! me sirvio mucho

Hanxu dijo...

gracias fue de mucha ayuda para mi blog esque me pasaron codigo pero era erroneo es chido esta pagina

Anónimo dijo...

Gracias me fue de mucha ayuda, me llevo tu logo a mi Blog un saludo.

Anónimo dijo...

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?

Azul dijo...

Gracias por el post =) en verdad me sirvió

Tisbita dijo...

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

Mensajes claro dijo...

Hola. funciona exelente,te felicito,

Curso de Informática Básica dijo...

bueno
Predicciones|Horoscopo|Kabalas

Unknown dijo...

he hecho todo lo que pones, sale la foto y el recuadro , pero dentro del recuadro no sale nada , que es lo que hago mal?

Anónimo dijo...

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! ;)

Alexa Writer dijo...

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?

 
Copyright © 2007 | Diseñado por BlogyWeb