How to Create a "Tweet This" Button


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.

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:

CODE:
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Just learned how to create a &quot;Tweet This&quot; 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>


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