TwitThis is an easy way for people to send Twitter messages about your blog post or website. This tutorial illustrates a simple way to add a TwitThis link on each post of your Blogger template. I suggest you to try it because it's very useful and drive a lot of traffic on your website if you have a good Twitter network.
To add TwitThis on your Blogger template you can using the code you can find here. That code uses JavaScript. If you want use a simpler way to add it use this alternative.
HTML code
Sign-in in your Blogger dashboard and click on Layout Tab > Modify HTML. Select expand widgets option and copy the following code where you want in the posts section (for example below the post title).<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'>Twit This!</a>
Copy and paste the code exactly how it is in the box above! Don't remove spaces!
CSS code
If you like my TwitThis link (
), add this class in your CSS file and use it in the previous link:.share-twitthis{
background:url(http://tinyurl.com/ay2jsc) 10px top no-repeat;
padding-left:42px;
font-size:11px;
line-height:18px;
}
background:url(http://tinyurl.com/ay2jsc) 10px top no-repeat;
padding-left:42px;
font-size:11px;
line-height:18px;
}
That's all!
I am Antonio Lupetti, Engineer, Pro Blogger, Mac user, Web addicted.
Rome, IT.
Sponsored Links
Share this post
Old Comments
I think it is useful for bloggers.
Thank you very much!
Love your blog.
Pat Anzanello
Wonderful !!! Nice simple approach though elegant way to adding twitter to the blog. Blogging supplemented with micro-blogging.
Doesn't work for me on Blogspot:
"The reference to entity "title" must end with the ';' delimiter."
@Project-Dragon
Just use "&" instead of "&" to indicate an ampersand so you can solve your problem.
Regards
jCargoo
i succesfully installed it on my blog.
Hi,
Great tutorial, does this work the same on a wordpress blog.
Regards,
Hein
"(for example below the post title)"...
Might come in handy to let new/novice users of Blogger know where they can find the spot to put the twittthis html if they want it under the post title in their template.. no?
In your example that would be just below this line: div class='post-header-line-1'
This is an outstanding idea. Thanks.
(oops, here's the dreaded however...)
However, in attempting to incorporate it on my wordpress (self-hosted) blog, the formula doesn't seem to be working. I've tried it with both the & and the &-amp; equivalents.
(note, your commenting app doesn't allow for html-equivalents of "charactors", hence my typing above of &-amp; )
Actually, I'm not comfortable giving my username/password to a third-party site. I think you should link directly to Twitter site itself like what Smashing Magazine does.
Just to show the final look (twitpic) in my blog and to say thank you again!
Pat Anzanello
Just to show the final look (twitpic) in my blog and to say thank you again!
Pat Anzanello
I've tried using TwitThis via Seth Godin's blogs and others... Trying to post articles to Twitter.
TwitThis says I was successful, but the tweets NEVER show up.
Any ideas? Have done this several times. Every time says it's been tweeted, but never is.
Help, love this idea, but needs to work for me!
Thanks
Shelli Johnson
tw: yellowstoneshel
c-site: yellowstonepark.com
b-site: yellowstoneinternational.com
Hi :-) love this idea and tried it on my blog but must be putting in the wrong spot or something? Could u have a look @ it please? My blog: www.recruitmentnewstyle.com
Thanks a bunch!
antonio, you're great! is working!!!!! thaaanks! mia :-)
Hello there! I'm Marcy, now a follower of your blog, hope you don't mind. I need all the help I can get! =] Keep up the good work and have a wonderful day! xo~
thx! i have the button under my title!! How could I put the twitthis near the the end of the post? what part of the html layout widget code do i look for?
thx!!