After reading
this post on
Dear Crissy, I decided to figure out how to add a Tweet button to my posts so readers can share on
Twitter quickly. After a little googling and a lot of trial and error, I have it working!
My blog is on
Blogger, so if you’re using Wordpress or any other blogging platform this probably won’t help you. And I’m by no means an expert on html or blog customization – I mostly just try things out and cross my fingers! Make sure before you make any changes to your template you save a backup copy to your computer. Enough disclosures, here’s what worked for me!
First, log into twitter and click on the “resources” link, which is on the right side of your twitter home under all of the recommendations.
Click on “create tweet button”.
Choose how you want your button to look, then make sure your twitter handle is in the box in step 2. You can add another handle to all your tweets if you’d like to – I didn’t.
Your code will show up in the text box on the bottom right, in step 3.
Now open up the design section of your blog and click the “Edit HTML” link at the top of the page, under the tabs. Now click the “Expand Widget Templates” box.
Press Control+F, which will open up a little search box at the top of your page. Type “<data:post.body/>” (without the quotes) into the Find: field, which should automatically bring up that line of code, highlighted, in the text box of your design page. By the way, I found out where to post the code from
this blog post.
You’ve backed up your template, right? Okay then, go back to your Twitter page and copy the code that was generated for your button. Paste it into the template for your blog right
above the code we searched for on the last step.
Click the orange “Save Template” button. View your blog and marvel at your new Tweet button!
For some reason pretty much all of my posts say they’ve been tweeted twice, which I know isn’t the case. Hopefully it works itself out, maybe it’s just a syncing issue?
Try it out and let me know if it works for you!