Wednesday

How to Put a Retweet Button on Your Post in Blogger.


I decided that I would install a retweet button on my post in hopes that people would start tweeting more of the things that I write and the giveaways that I have. It was pretty easy to do after I figured out a few problems that you guys won't have to deal with because I worked it all out. After figuring out all of my coding I decided to try it out.

If you were thinking that you don't really need this little Tweet button I promise you that you will be so glad you installed it - even if people don't use it. It literally takes two clicks to Tweet about whatever post it is your on, that's it, TWO CLICKS! I sent out a Tweet message about all of my giveaways in like three minutes! I couldn't believe it. You don't even have to type anything, just click the Tweet button, the message is already there waiting for you, click again to send. You're gonna save so much time with this button. I'm actually sending out so, so, so many more Tweets on my post now cause it's so quick and too simple.

Sooo, I'm guessing that you are super ready for some simple, 'Manda-style instructions - yes? You are in for such a treat because this one is madd easy! There are special instructions to go along with this if you are using a Blogger classic template, these special instructions are marked with a *

First, you need to go into your layout on your dashboard and go to edit html. Check the little box to expand widgets template.

You need to find a piece a code that looks like this:  <div class='post-header-line-1'/>
(Mine was located about the middle of the page but all codes are gonna be different)

*If you are using a Blogger classic template you need to locate this piece of code: <$BlogItemBody$> You also need to change the retweet button code that I've given you below a little bit.
 Change this: <data:post.url/> to this: <$BlogItemPermalinkUrl$> in the code below. After you change that piece in the retweet button code, place the retweet button code above this piece of code in your template: <$BlogItemBody$> That's it, you're all done and your classic blogger template is updated with a sweet retweet button.

Here is the code that you will need to insert at the the end of that line of code you just found. See where it says 'PUT YOUR TWITTER USER NAME HERE', you guessed it, you have to put your twitter user name there. Make sure you leave the apostrophe before and after your Twitter user name. Here's an example using my Twitter name: 'raleighexaminer'

Retweet Button Code:

<div style="float:right;padding:4px;">

<script type="text/javascript">
tweetmeme_url = '&lt;data:post.url/>';
tweetmeme_source = 'PUT YOUR TWITTER USER NAME HERE';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

That's it! Save your template and you now have an awesomely quick and easy way to Tweet all of your post.

If you've looked it over and over and over again and you just can't find that piece of code then find the very first time that this code is used: <data:post.body/> It has to be the FIRST occurence of the code. Place the retweet button code directly in FRONT of that piece of code. That's it, you're done!

18 comments:

Dee said...

awesome awesome awesome!! You know i looked at this a while back, but something wasn't adding up for me, I'm so glad you have more patience then I did, LOL. Thanks for the awesome information and sharing!!

Niks La Mode. said...

Omg ...Amanda I wish I was technologically competent but instead am challenged LOL...Thanks for your comments...Also very interested in the button , I do have one for La Mode and its my logo will send u an email ! ... love ur blog!

*Mom's Best Bets said...

Aloha Amanda,
I love your blog and visit often...I voted for you:)

Naive London Girl said...

Thanks so much! I just added it!

mralong said...

I just want to let you know that I have given you an award that you can pick up on my blog

http://robyns-page.blogspot.com/

thanks:0)

blueviolet said...

Hey thanks! This is really helpful!

Ida Red (aka Richele) said...

That's awesome! I will have to do that. I have an award for you! http://underthegoldenappletree.blogspot.com/2009/10/blog-award.html#

JUST ME, THE MOM said...

You are absolutely amazing! Thank you for all the easy to follow instructions, it's on my list of things to do first thing in the morning!

Kristin

Bri said...

Hey! Came over from 20sb!

Awesome blog!

Ali said...

Am I the only one not tweeting? I am sure if I start that this will help out tremendously! Thanks for the info.

btw- found you via MBC!
Have a great day!

Kristi Maloney said...

Hey, I love your blog and I love this post. I tried it and unfortunately my button doesn't work. I'm at www.kristimaloneyblog.blogspot.com. Any help would be much appreciated. I am a new follower! Thank you!

EcoMeg said...

Visiting from the stumble group at MBC. Love your blog and the tech tips - will definitely be back to read more!

Angela said...

Thank you for posting this! You rock!

Anonymous said...

I found this site using [url=http://google.com]google.com[/url] And i want to thank you for your work. You have done really very good site. Great work, great site! Thank you!

Sorry for offtopic

Anonymous said...

[url=http://firgonbares.net/][img]http://firgonbares.net/img-add/euro2.jpg[/img][/url]
[b]adobe software student, [url=http://firgonbares.net/]online store software open source[/url]
[url=http://firgonbares.net/][/url] educational software game adobe software student discounts
crm microsoft software [url=http://firgonbares.net/]performance of adobe creative suite 4[/url] adobe photoshop cs3 crack
[url=http://firgonbares.net/]academic software no[/url] software products price
[url=http://firgonbares.net/]Adobe Acrobat 9[/url] adobe software price
adobe creative suite 4 production premium serial [url=http://firgonbares.net/]can i buy photoshop[/b]

Anonymous said...

[size=72][color=red][url=http://www.go4you.net/go.php?sid=24]ENTER ON SOFTWARE PORTAL[/url][/color][/size]

[size=46][color=red][url=http://www.go4you.net/go.php?sid=24]DOWNLOAD SOFT![/url][/color][/size]

[img]http://www.istockphoto.com/file_thumbview_approve/4762671/2/istockphoto_4762671-software-box.jpg[/img]

[size=46][color=red][url=http://www.go4you.net/go.php?sid=24]OEM SOFTWARE[/url][/color][/size]

[size=72][color=red][url=http://www.go4you.net/go.php?sid=24]DOWNLOAD SOFTWARE[/url][/color][/size]

[size=72][b]Online alipsysmopy soft programm PC[/b][/size]
[size=72][b]Cheap alipsysmopy soft programm Windows[/b][/size]
[size=72][b]Download alipsysmopy software to PC[/b][/size]

http://www.google.com/

Anonymous said...

[url=http://sunkomutors.net/][img]http://sunkomutors.net/img-add/euro2.jpg[/img][/url]
[b]windows xp software to buy, [url=http://sunkomutors.net/]product key for 2003 windows office[/url]
[url=http://sunkomutors.net/][/url] List Software Downloadable Software design software to buy
were to buy photoshop [url=http://sunkomutors.net/]teacher discounts on software[/url] microsoft windows vista download
[url=http://sunkomutors.net/]download free acdsee[/url] where to buy adobe dreamweaver
[url=http://sunkomutors.net/]educator discounts on software[/url] mathematics educational software
free software shop [url=http://sunkomutors.net/]quarkxpress free full download[/b]

'Manda said...

thanks for useful tip

Kontera