August 12, 2011

How To Add Twit This! Icon below your blog post


Hey! dear visitors. you know twitter is a popular site in world. so twitter provide us a socail bookmarking icon for twitter. here is the update of tweet this gadget. please update you gadget with this. A few readers have asked if it is possible to add a "Tweet This" link to our Blogger templates, and while this was possible. so i hope you really like this blogger gadget! if you a face any problem please report it to us! thank you!

1.Log in to your dashboard-->Design- -> 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;
}

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.


Picture from: http://kelltrill.wordpress.com/

No comments:

Post a Comment