22/10/15

Cómo crear un enlace de 'pincha aquí para twittear'

Alguna vez he puesto en el blog alguna frase con un link debajo para que la twittearais. Y después me habéis preguntado cómo se hacía. Así que vengo a contároslo.







Me refiero a esto, por cierto:

Tanto si piensas que puedes como si piensas que no puedes, acabarás teniendo razón

Por supuesto, esto se puede hacer de cualquier manera. Es decir, yo le he dado este formato, pero  en otros posts le he dado otro y vosotras le podéis dar el formato que queráis o que vaya con vuestro blog.

Es muy fácil:

1) Entramos en la página Click to tweet y le damos a Sign in with twitter:


2) Cerramos la ventana que nos sale des-marcando el tic y sin poner el email si no queremos seguirles en twitter y no queremos recibir emails suyos:


3) Escribimos en la cajita que nos sale el mensaje que queremos que la gente retwittee. O sea, lo que hemos escrito en nuestra frase.

Yo en este caso escribo "Tanto si piensas que puedes como si piensas que no puedes, acabarás teniendo razón"


4) Ya que estamos, podemos añadirle nuestro usuario de twitter (si por ejemplo queremos dar a conocer nuestro perfil) o la url a nuestro post (si lo que queremos es atraerles al post). Yo le pongo todo jaja.


Inciso) Para poner el enlace al post mientras escribo el tutorial, lo único que he hecho es coger el enlace permanente de mi post, y pasarlo por bitly para acortarlo (tutorial sobre cómo usar bitly aquí)


5) Entonces pinchamos en el botón que dice "Generate basic link", (cerramos la ventana en la que nos pide el email de nuevo) y nos da un enlace:


6) Seleccionamos ese enlace con el ratón... ¡y ya lo tenemos! Lo ponemos donde queramos en nuestro post (tiene sentido ponerlo en una frase que diga "Pincha aquí para twittearlo" o algo similar)

Fijaos que si copio ese enlace en mi navegador...


7) Por eso escribiendo mi post lo único que hago es añadir ese enlace en donde quiera que la gente pinche para twittear mi frase

Yo en la frase puedo escribir lo que me dé la gana, pues no está enlazada a Click to tweet

O sea, puedo escribir aquí esto

Pero obviamente lo que tiene sentido es escribir en el blog la frase que vamos a hacer retwittear a la gente, la que hemos visto en el paso nº.3.

¡Espero que os haya gustado y que os sea útil!

Tutorial para que la gente retwittee tus frases
Gracias

Blogger | Email  | RSS Bloglovin' | Feedly 

Posdata: 

Anuncié ayer la ganadora del sorteo de mis cumples, en facebook y twitter. También lo puse en el propio post del sorteo. Además hice video y todo, para que se vea que no hay trampa ni cartón :)
Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

11 comentarios

  1. Me ha gustado un montón! Así tal vez use más el twitter!!! jajajajaja
    Gracias!
    Mua!

    ResponderEliminar
    Respuestas
    1. Gracias Nerea. Yo tampoco lo uso mucho, pero al menos así otras hacen el trabajo por nosotras, porque les incitamos a twittear algo nuestro :))

      Gracias por comentar. Un besín

      Eliminar
  2. Me ha parecido muy útil y práctico, muchas gracias.
    Besos

    ResponderEliminar
  3. ¡Hola! La verdad es que me parece super útil para dar a conocer una entrada en Twitter ^^ Lo pondré en práctica en mis próximas entradas e.e

    ¡Besos! Y muchas gracias por el tutorial ^^

    ResponderEliminar
    Respuestas
    1. Genial! Sí, hazlo. Espero que vaya bien

      Un besote, gracias a ti por pararte a dejarme un comentario :))

      Eliminar
  4. De lo más útil. Ahora mismo lo pongo en práctica. ¡Gracias!

    ResponderEliminar
  5. Me ha salido al final...pero sin el cuadradito alrededor... como se pone?
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Bueno es que el click to tweet es solamente para darte el enlace. El cuadrito alrededor lo he hecho yo en html

      He metido el texto (todo, tanto la frase como el pincha aquí como el corazón) en un div y le he dado este estilo:

      style="background-color: white; border-radius: 25px; box-shadow: 0 0 10px 2px #CACACA; margin: auto; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; padding-top: 25px;"

      Esas cosas, por cierto, son las que aprendéis en el curso de html y css

      A ver si te apuntas!

      Un besote,

      Blanca

      Eliminar

© Personalización de Blogs. Diseño: Eve y Blanca.