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
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
Then click sign in with Twitter to get started.
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.
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.
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.
<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>
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: blog tutorial
, blogging tips
, tweetable link
Category: Blogging Tips