How to embed a tweet button in your blog

Smart_Businessman-71 300px
Have you ever wanted to embed a tweet button into your blog post?

Rather than tweet a link to the whole article, have you ever wanted to tweet just a quote or snippet?

In a previous post I explained how to get people to share your content through social networks. This article will help you to make it easier to get people to share parts of your content rather than just the traditional way and sharing the whole article.

Below is an example of a tweet button that I embedded into a previous post. This tweet button was designed to give readers a chance to tweet the quote that I had listed in the post.

tweet button example
Example of a tweetable quote with tweet button embedded into the post

When you click on the Tweet button it takes you straight into twitter with a pre-formatted tweet

tweet preview
This is what the preformatted tweet would look like

The pre-formatted tweet includes the quote, the author’s twitter handle and a link to the article.

screen shot of tweet
This is the actual result of the tweet button

As you can see the result is a tweet which links back to the author and the article.

How do you do it?

Find a button

Find a tweet button that you like using google image search. Alternatively you can make your own or use any other picture.

tweet button

Insert into post

You need to insert the picture into your blog post as you would as if it was any other picture.

Find the link to your blog post

On WordPress, before I hit publish I go to the top of the page and hit “Get Shortlink”.

get short link
This is the button you need to press to get the short link

If you are not with WordPress there may be other ways to find the URL before posting. If you can not figure out how to do it, you can alway create the post and then go back in to edit the post and add the tweet button.

Once you click the button, it will show you this box.

short link generated
This is how the link will be generated

Once you have the link, you can copy and paste it to the clipboard and move onto the next step.

If you want to track the number of people who click on the link, you could use a URL shortening service which has built-in analytics.

Create the custom tweet link

Visit and create the custom message you want the tweet to contain.

When you have done this you can click generate and it will create a link

click to tweet step 2

Once you have the link – in this case, you just add the link to the tweet button that you inserted earlier and hey presto you have made your first tweet button!

This is the result of your hard work!

tweet button

Click on it and see what it does!

Join the conversation

1 Comment

Leave a comment

Leave a Reply