I've been reading "16 Quick Ways to Squeeze More ROI From Your Blog"
Posted by Corey Eridon on Hubspot Blog
I've decided to try to create a "Tweet This" Button...
Here are the steps I took to create it:
1) Go to the "Developer's Section" on Twitter (link)
2) Fill out "Tweet a Link" button with specific text you want to tweet.
Here are the steps I took to create it:
1) Go to the "Developer's Section" on Twitter (link)
2) Fill out "Tweet a Link" button with specific text you want to tweet.
Click to enlarge |
When you click this button, a window should come up to share this on twitter with this already written in:
Just learned how to create a "Tweet This" Button from Author @DanielleRaver 's blog! #blogwriting
3) Copy the code into the HTML on your blog's gadget or post
Here is the exact HTML code I generated:
Here is the exact HTML code I generated:
CODE:
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Just learned how to create a "Tweet This" Button from Author @DanielleRaver 's blog! #blogwriting" data-size="large">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Here is what it comes up with!
Interpreted Code:
(CLICK TO TRY IT OUT!)
Try it if you wish! Thanks for the visit!
No comments:
Post a Comment