Sunday, 11 January 2009

Add TwitThis on your Blogger template and drive more traffic on your website

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 + "&amp;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;
}

That's all!

Add a retweet counter on your website with ReTweet.comAdd a retweet counter on your posts with TweetmemeHow to install Disqus comments into BloggerImprove the default comment system with Google Friend ConnectAdd Digg vote button on Blogger Template (update)Add delicious button with counter in your blogger postsPlace Google AdSense below post's title on BloggerAdd StumbleUpon button in your Blogger postsAdd reddit button with counter in your Blogger template Add Technorati blog reaction on your Blogger templateAdd Mixx button on Blogger templateAdd DZone button on Blogger templateAdd Design Float button on Blogger templateSome Blogger Tips you probably don't knowAdd Yahoo! Buzz button on Blogger Template

No comments:

Post a Comment