Add “Tweet This” Short URL Links to Your Blogger Template

Posted by mk | July 11, 2009

Are You New Here? than get More Blogging Tips Subscribe to this blog today!

Yes, Twitter is the most popular for blogger here is the tips Hot to Add Tweet THis Short URL Links to Your Blogger Template. Before you startl, you should make a full back-up of your existing template. To do this, go to

Layout > Edit HTML > Download full template

Next, go back to the

Layout > Edit HTML page and ensure you have checked the “Expand widget templates” box. The place where we need to add the Twitter code is contained within the Blog Posts widget.

Search for this section in your Blogger template code or similar

<div class='post-footer-line post-footer-line-1'>

If you can’t find this exact line of code, search for 'post-footer' instead. Alternatively, you can add your code immediately after the <p><data:post.body/></p> line.

Just after the ‘post-footer’ line you have located, paste the following section of code:

<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/> <script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/> <a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'> <span style='display:none;'>I'm reading: <data:post.title/></span>Tweet this!</a></span></b:if>

Preview the changes to your blogger template to make sure you have not made any errors in adding the code. If all is well, the preview page should load.

Finally you can save your template. Now when you view an item page on your blog, you will see a link in the post-footer section which looks like this

Tweet this!

This link automatically generates shortened URL for your post. When a reader clicks on this link and this link appears like this