Twitter Ribbons: Generador de cintas para promocionar tu Twitter

Microblogging Publicado por Claudia en enero 20, 2009


Twitter Ribbons es un simple generador gratuito de ads con forma de cintas para poner en una esquina del blog con el fin de promocionar nuestra cuenta en Twitter. Es tan sencillo como escribir nuestro nombre de usuario en Twitter, seleccionar uno de los doce estilos de cinta, y pegar el código antes de < /body > (visto en Feedmyapp).

El problema, es que todas las imágenes tienen un tamaño de 250×250 píxeles, por lo cual pueden verse un poco grotescas en el blog. La única forma de cambiar eso, es modificando el tamaño de la imagen correspondiente en photoshop, subirla a un hosting gratuito y cambiar el enlace.

Para evitar dolores de cabeza y no tener que cambiar nada en la hoja de estilos, ni tampoco las coordenadas, es recomendable ampliar el lienzo de la imagen después de modificar el tamaño, de modo que la cinta quede ubicada en la parte superior derecha.

Otra forma de hacerlo, y sin scripts, es añadiendo el siguiente código al blog. Sólo es cosa de modificar la imagen y cambiar el ancho y el largo. También es muy útil para añadir ads de otro tipo.

Pegar antes de < /b:skin > (o en la hoja de estilos):

a#ribbon {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 150px;
	height: 150px;
	background: transparent url("http://1.bp.blogspot.com/_XxWhaC4o7dE/SXV5yBkl9qI/AAAAAAAAAMA/IV2H_cYs7b0/s1600/template18.png") no-repeat top left;
	text-indent: -999em;
	text-decoration: none;
	z-index: 1000;
	}

Pegar antes de < /body >:

<a href='URLDETUTWITTER' id='ribbon' title='Sígueme en Twitter'>Sígueme en Twitter</a>
Tags:
Compártelo!
7 Comentarios en Twitter Ribbons: Generador de cintas para promocionar tu Twitter
  1. Aprender Inglés Online dice:

    Genial artículo.

  2. Maria Karan dice:

    Hola, que bonito esta tu blog y sobre todo tu mensaje de bienvenida ” Un Intento por Feminizar la Blogosfera”
    Cda que salgo a buscar algo para twitter, hay cientos de cosas nuevas, es muy dificl decidirse jijijiji.
    Suerte !!! XD

  3. RorPieTh^ dice:

    Hola compañera. A ver cuando te enganchas también a facebook y nos pones unas cuantas utilidades 😉

  4. Blus dice:

    Hola!

    Llegué aquí de casualidad buscando la forma de pegar en mi blog una cinta que había diseñado, y gracias a lo que explicaste en este post me funcionó de maravillas.

    Muchísimas gracias y saludos!

    Blus

  5. Claudia Villaseñor Gómez dice:

    Esto tmb me gustó, de hecho lo he instalado ya, tuve que modificar un poco mi plantilla bajando la imagen-botón para enviarme emails, pero me gustó mucho como luce.

    Cuando kieras, te invito a ke la veas 😉

  6. mulberry uk dice:

    Pretty excellent blog post. I just stumbled upon your blog and wanted to say that I have genuinely savored reading your blog site posts. Any way I’ll be subscribing to your feed and I hope you article again soon.

  7. spam king dice:

    What’s up, constantly i used to check webpage posts here early in the morning, because i love to gain knowledge of more and more.|

Deja tu comentario
Tu Comentario