Hacer un mini-banner para promocionar nuestro blog
Hace algunos dias le pregunté a mi amiga la Novia del Legionario, la chica que junto a los cuatro gatos es visitante habitual de Uberum, sobre como hacer y publicar un mini-banner para ser enlazado; ella amablemente me envió la información por correo y ahora la comparto con ustedes con algunos detalles mas.
Crear un mini-banner o botón de 85 x 15 pixeles es algo bastante sencillo y no hay reglas que definan como hacerlo de la mejor manera, puedes usar un programa de diseño gráfico como Corel draw, Photoshop o cualquier otro de tu preferencia.
Basta con crear un rectángulo de 85 pixeles de ancho y 15 de alto con fondo blanco, se le agrega un borde negro de 1 pixel de grosor, se deja otro pixel de distancia entre el relleno y el borde, se escribe el texto deseado con alguna letra legible a 8 px y se guarda en formato gif o png.
Para quien no desee o no sepa como hacerlo con un programa de edición gráfica, existen opciones en línea que nos facilitan el trabajo; siguiendo una breves instrucciones dispondremos de nuestro mini-banner inclusive con alguna imagen que deseemos agregar, para hacerlo pueden visitar Brilliant Button Maker o Button Maker.
Una vez tengamos el mini-banner disponible basta con alojarlo en nuestro hosting o en alguna web que ofrezca alojamiento de imágenes y enlazarlo para mostrarlo en nuestro blog junto a las instrucciones y el código para que otros blogmaster nos enlacen.
El código HTML requerido para esto incluye el enlace para mostrar la imagen y el de un text-area para mostrar el enlace a copiar, en resumen sería:
<a href=”http://www.urldetublog.com/” mce_href=”http://www.urldetublog.com/” target=”_blank”><img src=”http://urldondesehospedaelboton/tuminibanner.gif” mce_src=”http://urldondesehospedaelboton/tuminibanner.gif”/></a><br />
<textarea><a href=” http://www.urldetublog.com.com/ ” target=”_blank”><br/><img src=” http://urldondesehospedaelboton/tuminibanner.gif”/></a></textarea>
Por supuesto debes incluir las URL que correspondan a tu blog y a la imagen de tu mini-banner, el atributo target lo puedes modificar si no quieres que el enlace se abra en una nueva ventana y por supuesto agrega el texto explicativo que requieras.
Para muestra un botón: 
Julio 27, 2007
te ha quedado muy mono
por que no ofreces tambien el que te hice de 125×40? a lo mejor hay gente como yo que te quieren poner mas grande? 
Julio 27, 2007
No lo tengo, iré a la legión para copiarlo y lo publico por acá.
Julio 27, 2007
http://img516.imageshack.us/img516/760/fapeve1.gif
cuando aciertes el juego te haré tropecientos mil
Julio 31, 2007
Muy buena la informacion! Gracias por todo esto, es la primera vez que entro a tu blog y me ha aprecido de lo mejor.
Julio 31, 2007
Bienvenido! me complace compartir la información con todos en el blog. Estoy seguro que se te hará realmente fácil relacionarte con todos los amigos del blog.
Agosto 4, 2007
http://loseonesmind.blogspot.com/ lo stoy empezando… dense una vuelta, ns vemos grax!!!
Marzo 22, 2008
Muy practico y sencillo. Bueno…
Saludos.
Roger
kreloj.blogspot.com
Junio 14, 2008
Sabés como puedo poner una imagen en la barra de direcciones antes de la url???
Saludos
Junio 14, 2008
Junio 14, 2008
Hola, muy buena herramienta!! yo me sobaba el lomo con el PhotoShop, Pero esto te ahorra mucho tiempo!!
Hola Subor 15, Bienvenido!!
El archivo del que hablas debe de ir en la raiz de tu sitio (p.e. dentro de la carpeta public_html), y se llama favicon.ico
Puedes crearte uno aqui: Dyamic Drive, el sitio esta en ingles, pero te ofrece una buena explicación de como colocarlo, aunque no se si se pueda hacer en blogger.
Saludos y hasta pronto