Wednesday, April 8, 2009

Adding a Retweet Button to Your Posts

Sometimes when I'm browsing my favorite blogs, I see something I really want to share with others. What better way to do that than with a simple little "ReTweet" button? (The button we will be using is from TweetMeme, and it's awesome because it keeps track of how many times each post has been retweeted and displays it right there on the button!) If you want to add one of these to your posts, just follow along!

(These instructions are for Blogger, but if you use another platform and need help, please let me know!)



1. Log into your blogger account and go to your dashboard.

2. Click the "layout" tab and then the "edit HTML" tab.

3. Just to be safe, back up your template. You can find where this happens at the top of the page you are on. It looks like this:

Just click "download full template" and save it to your computer in case something goes wrong.

4. Once you've made your backup, go back to your layout editing window and make sure the box that says "expand widget templates" has a check mark in it.

5. Scroll through all that mumbo jumbo you see till you find this:


<div class='post-footer'>


(This should be near the bottom of your code. I know it's hard to find, but this is the worst part, and it's almost over!)

6. Copy and paste this code directly below the line you just found:

<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>


7. Hit "preview" at the bottom of your window. You should now see a button like the one at the end of this post that says "X tweets" and "retweet". As long as you see this button, hit "save template" and you're done!

To get an idea of how this works when someone clicks the button, go ahead and click the one at the end of my post and hit send! You will be amazed how easy it is!



* Have a suggestion for a future post here on Ninja Knowledge? Be sure to leave a comment or contact me using the suggestion box in the middle column! *

2 comments:

Nancy (Jesse and Sophia's grandma) April 8, 2009 at 3:49 PM  

Thanks, I was just wondering this morning about that retweet button and here you are posting it. You must be a mind reader. Thanks for sharing your knowledge.

Linda May 6, 2009 at 11:38 AM  

Thanks, Jenn. I finally found the right place to put it because of your tutorial.

Linda B.

Label Cloud


Powered By:Blogger Widgets

  © Blogger templates ProBlogger Template by Ourblogtemplates.com 2008

Back to TOP