How To Add Twit This Button To Your Blog

Advertisement

Increase Web Traffic

TwitThis is an easy way for people to send Twitter messages about your blog post or website. When visitors to your website click on the TwitThis button or link, it takes the URL of the webpage and creates a shorter URL using our own URL shortener! Then visitors can send this shortened URL and a description of the web page to all of their friends on Twitter.

Add it to your site : Use the code below to add either a “TwitThis” button or text link to your website. It is as simple as adding this code where ever you would like a “TwitThis” button or link.

1.Twith This with Image


<!-- Begin TwitThis (http://twitthis.com/) -->
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>

<!-- /End -->

2. Twith This Without Image

<!-- Begin TwitThis (http://twitthis.com/) -->
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();">>TwitThis</a>');
//-->
</script>

<!-- /End -->

If you want use a simpler way to add it use this alternative. 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).

  1. Go to Blogger Home
  2. Select the Blog
  3. Go to Layout >> Edit HTML [When you click on Layout, by default Blogger will take you to the Page Elements ]
  4. Make sure that you download the current template and copy it in your local system. You will be able to revert back to the original template if something wierd happens.
  5. Make sure that you have selected the Expand Widget Templates check box.

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

Copy and paste the code, without changing anything, not even spaces. If you want a picture before the "Twit This" text, add the following code inside the CSS section of your blog.
.twit-this{
background:url(http://tinyurl.com/c4x7ks) 10px top no-repeat;
padding-left:42px;
font-size:11px;
line-height:18px;
}

Then replace the code for "Twit This" like as given below.
<a class='twit-this' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&amp;title=" + data:post.title'>Twit This!</a>

"Thank You!!! You’ve reached the end of this post. Seeing you made it this far, we hope you enjoyed this post. If so, please consider leaving a comment or subscribing to the feed to have further articles deliverd to your feed reader. You can also follow me on Twitter."
Leave Your Comment

Recent Waves

Recent Comments