--> How To add a "Click to Tweet" link to Quotes within your posts? | Experience Lab - Online business creation and development guide for bloggers and startups

How To add a "Click to Tweet" link to Quotes within your posts?

Tweet buttons on a website allows users to tweet the link to a post or page, along with its entire meta title. But the title isn't alway...



Click To Tweet - Create Customized Tweets

Tweet buttons on a website allows users to tweet the link to a post or page, along with its entire meta title. But the title isn't always what you want users to tweet, since it is designed with SEO in mind, and could look unseemly and out of place on Twitter. Instead, you might want users to tweet about an interesting fact, a quote or an opinion. Wouldn't it be cool if users could simply tweet that specific quote or fact by just clicking on a link or button? Check out how to create "Click to Tweet" links for quotes within your posts or pages.




ClickToTweet




ClickToTweet is a small online tool that will let you easily create tweet-able text. Before you use it, you first need to have your content ready.









For example, let's say you are writing a post on some Facebook statistics, and you have a stat that says something like;






The total number of Facebook likes since launch is over 1.13 Trillion






...and you want users to tweet this interesting figure.




  • First, get your text ready (it would be very similar to the quote I've written above, with only a slight difference. For example, "Did you know, since its Launch, the total number of Facebook likes has crossed 1.13 Trillion!"

  • Next, generate a shortlink to your article, or a section of your article. You can use any of the shortening services such as Bitly.

  • Next, take your text, your short link, and your twitter name, and combine it, making sure it all looks like a tweet, and fits into 140 characters. It could look something like this;




Did you know, since its Launch, the total number of Facebook likes has crossed 1.13 Trillion! http://bit.ly/VoG2JP (via @qasimzaib)





  • Paste this into the ClickToTweet text area, and click on the Generate Link button.




ClickToTweet interface





You will get a link which you can paste wherever you want in your post. Mine looks like this; http://clicktotweet.com/JSsTf. Let's go ahead and test it out. Check out the final implementation of this nice little feature below.



If you click on the tweet link, you'll see that you'll be prompted to tweet it just the way we wanted above. Just try it out!




Got any questions? Feel free to ask in the comments section below. Cheers :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: How To add a "Click to Tweet" link to Quotes within your posts?
How To add a "Click to Tweet" link to Quotes within your posts?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0RJL9mzgDiiDdojPCoNRKb_OADusB6So3wgU02c3wh-Z9lQTkRIv-i8QYRX5T03wWc_uJnIDkTFIuA5ppsiu09fGodYNJj6C9G5i2Ku7ELf_aZaqrS4uLTilDskhMcKigY8ba_ofOaNV/s320/click+to+tweet.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC0RJL9mzgDiiDdojPCoNRKb_OADusB6So3wgU02c3wh-Z9lQTkRIv-i8QYRX5T03wWc_uJnIDkTFIuA5ppsiu09fGodYNJj6C9G5i2Ku7ELf_aZaqrS4uLTilDskhMcKigY8ba_ofOaNV/s72-c/click+to+tweet.jpg
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2013/07/how-to-add-to-tweet-link-to-quotes.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2013/07/how-to-add-to-tweet-link-to-quotes.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy