headerimg

LEARN HOW TO CREATE AND ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN BLOG POSTS

To grow your blog traffic you should make your blog post more social media friendly as possible.  It is the golden rule you should never forget. Adding pin it button to your images, adding social media sharing buttons to your every blog post and add a tweetable link to your blog post is a must you should follow. Tweet this links makes it easy to share your content on Twitter. In today’s blog post we are going to learn how to make a super easy tweet this link.
Here is how all of my tweetable links looks like
LEARN HOW TO ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN YOUR BLOG POST
Now if you want to create this kind of link for your blog post go ahead and read on.

HOW TO MAKE YOUR TWEET THIS LINKS

First, you need to go to click to tweet.
Then click sign in with Twitter to get started.
LEARN HOW TO ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN YOUR BLOG POST
Don’t forget to authorize click to tweet to use your account.
In ‘Message you would like to tweeted’ box, add a phrase you want to publish on Twitter. I usually add my blog post and the blog post link and my twitter username.
LEARN HOW TO ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN YOUR BLOG POST
Another thing I have to mention is I use bitly.com to create all my short links.
Here is how my sample tweet looks like in click to tweet. I don’t get to track stats or track link in the tweet because I’m in the standard plan. I think you get the pro plan for free up to a certain time, and then you go back to standard plan. But for now standard plan is enough for me.
LEARN HOW TO ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN YOUR BLOG POST
And click ‘generate new link’ button.

Then you’ll get a link and then add your link to your blog post. 

” LEARN HOW TO CREATE AND ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN YOUR BLOG POST ”
Click to tweet

 

 

HOW TO STYLE YOUR TWEETABLE LINK

It could be as simple as adding a link called tweet this or you could style it a little bit more if you want. For me then comes a little bit of HTML. I use a rectangle box with a gray color and purple letter for my clickable links. For that, I use the following code. I’m not a HTML expert, but I come up with this code to make my click to tweet more presentable.

<center>
<a href=”Click to tweet link you just generated” target=”_blank”>
<div style=”background-color: #f9f9f9; border: 1px #f9f9f9; color: #f070fd; padding: 15px; width: 700px;”>
<span style=”font-family: Papyrus,fantasy;font-size: x-large;”> ” LEARN HOW TO ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN YOUR BLOG POST “</span> <br />
Click to tweet </div>
</a>
</center>

If you want to learn more about it here how it goes

You could change the background color, border size, padding size and width to your preference. I have highlighted them in RED color here. Add the text you want to appear in your blog post to the place highlighted in GREEN color.

What I do now is I go to HTML editor and paste the above code where I want my tweetable link to display.I hope you find this tutorial helpful! Are you trying to add a tweetable link to your blog post?

 








Tags: , ,
Category: Blogging Tips

2 comments on “LEARN HOW TO CREATE AND ADD YOUR VERY OWN CUSTOM TWEETABLE LINK IN BLOG POSTS”

  1. Yes! I've always wanted to add these tweetable links! Thank you so much for this post!

    Lauren | Creatively Lauren

  2. You are welcome Lauren. Glad this post helps you! 🙂

    xo
    Dilini

Leave a Reply

Your email address will not be published. Required fields are marked *