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

TwitThis is an easy way for people to send Twitter tips 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

1. login to your blogger dashboard
2. Click on Layout

   preview :
    

3. Click on Edit HTML

   Preview :

4. Check Expand Widget Templates

   Preview :

5. Then add the Below Code Were You Want (This Code Will Only Display Link)
   

   <a expr:href='”http://twitthis.com/twit?url=” + data:post.url + “&amp;title=” + data:post.title’>Twit This!</a>

   Note : Copy and paste the code exactly how it is in the box above! Don’t remove spaces!
   
   

6. Save Your Template

If you Want To Display With Image Use This CSS Code

If you like my TwitThis link (), add this class in your CSS file and use it in the previous link:



Add the below Code  Before ]]></b:skin>

.share-twitthis{
background:url(http://tinyurl.com/ay2jsc) 10px top no-repeat;
padding-left:42px;
font-size:11px;
line-height:18px;
}

Then add this code where you want it to Display

<div class=’share-twitthis’><a expr:href='”http://twitthis.com/twit?url=” + data:post.url + “&amp;title=” + data:post.title’>Twit This!</a></div>

Thats All Enjoy !