Twit This
Let's get back to our blogging roots. It is all about connecting and sharing. Twitter is a master at doing just that. I found a great way at woork to get a TwitThis button in each post. When a reader Twits a post, it is shared with their Twitter network and traffic to your blog will increase!
Here is how to install it in your posts. I added to woork's tutorial...sorta filling in the blanks to make it easier for my readers to follow.
Go to your Dashboard | Layout | Edit HTML | check 'Expand Widget Templates'. Then add the following code to your CSS style sheet.
.share-twitthis{Now scroll down further till you find this:
background:url(http://tinyurl.com/ay2jsc) 10px top no-repeat;
padding-left:42px;
font-size:11px;
line-height:18px;
}
<div class='post-footer'>Add this code right after that line:
<div class='share-twitthis'>He also included this sweet little graphic to use.
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'>Twit This!</a></div>
16 Comments:
thanks for these tips, i'm thinking of trying Twitter for my blogs, looks like its a nice one to have more traffic for a site.
happy new year!
Rock ON - this is a great tip. Thanks, as always!
what a great tip! thanks for sharing, I'm going to go add this to my blog right now!
Thank you for that tip, I had no idea about twitter and I consider myself pretty tech savy!
Thanks for the tips. This is exactly what I was looking for.
Thank you for the tip. I will be using this one.
You sounds like you are very sure about that. I have to try that.
I think there should be a Twitter feature where you can shock your twittering friends that twitter too much ;-) of they would have to wear a special bluetooth "Electric Shock Watch" ;-)
...personally I still don't really get Twitter... can't you just hang out with your friends in the Real world and have a beer? ...and "Twitter" naturally :-D
Due to my classic blogger template, I was unable to successfully add "Twit this" to my blog. I also tried codes at Cranial Soup as recommended by Twit This.
Fortunately, Feedburner's Feed Flare option provided a simple solution which required NO code hacking whatsoever. I discovered the Feedburner fix via:
http://www.blogcoach.org/2008/12/tools-add-twit-this-to-your-posts.html
Great tip. Worked perfectly. :)
Works fantastically! Thanks.
Hi, Annie!
Thanks so much for these easy-to-follow directions! You're so sweet to share them like this!
Just a tiny question: what do I do if the birdie doesn't show up on one of my blogs? I'm afraid people won't notice the "Twit This!" text. I can't imagine why it didn't show up--it should show up good with a black background! Any suggestion on how to fix it? I'm desperate!
Thanks a lot!
Cynde
http://usurper-exposed.blogspot.com/
@Cynde, I don't see in your template where you have put all the code in. My suggestion is to start again...from the beginning of this post, read and make sure you have all code in place. I know I didn't see this ".share-twitthis" part of the code in your template, and I didn't look for the second part of the code.
Hi, Annie!
I erased the codes and redid them, and it WORKED! You're a genius! Now, the birdie is right next to the words, "TWIT THIS." I think I might try re-doing my other two blogs to see if the birdie might move over.
Thanks for your help!
Cynde
http://usurper-exposed.blogspot.com/
http://cyndes-got-the-write-stuff.blogspot.com/
http://cyndesdaybook.blogspot.com/
great tip! just added it and works perfectly!
Rebecca / Blog Out Loud
I've spent a lot of time on problems caused by sporadic characters like those quotes. I love the very practical CSS tips your posts provide to WP newbies like me.