How To Add Twit This! Icon below your blog post

Posted by Lasantha Bandara on May 18th, 2009 File Under : background, bookmarks, twitter, widget1 Comment

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

]]></b:skin>

4.Now copy below code and paste it before above code.

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

Look at the picture below.

5.Now again scroll down to where you see this :

<p><data:post.body/></p>

6.Copy and paste below right after above line.

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

7.Now save your template and you are done.

File Under : background, bookmarks, twitter, widget

One Response to “How To Add Twit This! Icon below your blog post”

  1. abhi says:

    Thanks It really worked

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.