Add Trackback to Your Blogger Blog: The Easy Way

By Blog Bloke April 13th, 2007 | 63 Comments Buzz thisBuzz it Share this on Facebook

I recently posted my reasons for reconsidering my original decision to not add Trackback to my New Blogger Blog. If you want to know why you can read about it at the bottom of this post.

But that in itself posed another problem because Haloscan doesn’t offer the code or any tutorial how to do it for New Blogger. Instead, they have an automatic installation widget.

So why is that a problem? Well, in my case I only wanted trackback, not comments. But the auto-install widget unfortunately disables Blogger’s comments and installs both of Haloscan’s comments and trackback. Stink!

So this is how I did it if you want to just install just trackback and leave your Blogger comments alone:

1. First make a backup of your template by downloading it to your hard drive and put it in a safe place. You can do that in your Blogger Dashboard “Edit HTML” section of your “Template” menu. Click on “Download Full Template” to save it.2. Log into your Haloscan account (or create one if you haven’t already) and click on the “Install” menu. There you will find a list of blog platforms (Blogger is the first one). Make sure the “Blogger or Blogspot” box is chosen as well as the “Display Trackback Code” box.

3. Click on “Next” and you should come to the page with instructions for the Blogger Installation Wizard”. Follow the instructions how to download a copy of your current template from Blogger to your hard drive. Then click on “Browse” to upload it to Haloscan.

4. Click on the button “Upload Blogger Template” and you will be taken to Step 2 of the “Blogger Installation Wizard”.

5. Click on the “Download Blogger Template” button and it will prompt you to download the new template to your hard drive. It will probably be called something like “Upload_this_to_Blogger.xml”.

6. Now this is where we diverge from the Haloscan instructions. If you want to use both of Haloscan’s comments and trackback features you do not need to proceed any further. Just follow the instruction how to upload your new template into Blogger. But if you just want to use trackback then please continue reading.

Instead of uploading the new template code to Blogger, copy the code from the file (”Upload_this_to_Blogger.xml”)  into something like Notepad that will not add anything more to the code. Whatever you do – do NOT use Microsoft Word because it will just wreck the code by adding a bunch of junk to it.

7. After loading the code into Notepad, search for [ <!– start haloscan (part 2) –> ] and you should see something like this:

<!– start haloscan (part 2) –> <script src=’http://www.haloscan.com/load/bloke’ type=’text/javascript’> </script> <span class=’post-comment-link’> <p><a class=’comment-link’ expr:href=’”http://www.haloscan.com/comments/bloke/” + data:post.id + “/”‘ expr:onclick=’”HaloScan(” + “\”"+ data:post.id + “\”" + “);return false;”‘> <script type=’text/javascript’>postCount(’<data:post.id/>’);</script> </a> <a class=’comment-link’ expr:href=’”http://www.haloscan.com/tb/bloke/” + data:post.id + “/”‘ expr:onclick=’”HaloScanTB(” + “\”"+ data:post.id + “\”" + “);return false;”‘> <script type=’text/javascript’>postCountTB(’<data:post.id/>’);</script> </a></p><br/> </span> <!– end haloscan –>

8. Your code of course will look a little different than mine. Now copy that code from your Notepad. Then go into your Blogger Dashboard (click on Template and Edit HTML“), and be sure to put a check mark in the “Expand Widget Templates” box.

9. Search your template code for something that looks like this:

<b:widget id=’Blog1′ locked=’false’ title=’Blog Posts’ type=’Blog’>
<b:includable id=’postQuickEdit’ var=’post’>
<b:if cond=’data:post.editUrl’>
<span expr:class=’”item-control ” + data:post.adminClass’>
<a expr:href=’data:post.editUrl’ expr:title=’data:top.editPostMsg’>
<span class=’quick-edit-icon’> </span>
</a>
</span>

10. Paste the code that you just copied from your Notepad file on a line immediately after the [ </span> ] tag.

11. Now we are going to do the same thing again for the rest of the code. Go back into your Notepad file and look for something that looks like this:

<!– start haloscan (part 1) –>
<script src=’http://www.haloscan.com/load/bloke’ type=’text/javascript’> </script>
<span class=’post-comment-link’>
<a class=’comment-link’ expr:href=’”http://www.haloscan.com/tb/bloke/” + data:post.id + “/”‘ expr:onclick=’”HaloScanTB(” + “\”"+ data:post.id + “\”" + “);return false;”‘>
<script type=’text/javascript’>postCountTB(’<data:post.id/>’);</script>
</a>
</span>
<!– end haloscan –>

12. Again, your code might be slightly different than mine. Now do the same thing and copy that code from your Notepad file.

13. Go back into your Blogger Dashboard and search for something that looks like this in your template code:

<b:if cond=’data:post.allowComments’> <a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><b:if cond=’data:post.numComments == 1′>1 Comment<b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

14. Immediately after the code [ </b:if></a> ] paste your code that you just copied from your Notepad file. You can of course put your trackback code somewhere different than I did if you prefer. Or your code may look a little different than mine so you might have to experiment a little to get it where you want it.

15. Click on “Preview” to make sure that everything is working properly, and that’s it. If there are no error messages you can save your new template.

Did I say this was going to be easy? Well it certainly is a lot easier than trying to figure it out on your own that’s for sure!

Related posts:

My site is nominated for Best Blog About Blogging. Please Vote for Me!
Please Vote the Bloke!

Search tag: trackback, haloscan, blogtech

Filed under: Blog Tools, Blog Tutorials blog platforms, Blogger, blogging tips

What Next? Read More Tips From BLOGBloke:

Sharing is Caring...

 
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • TwitThis
  • Facebook
  • GoogleBuzz
  • Digg
  • StumbleUpon
  • del.icio.us
  • FriendFeed
  • Live
  • YahooMyWeb
  • Sphinn
  • LinkedIn
  • Reddit
  • email
  • Keep in touch with BLOGBloke and don't miss another blog tip:

    Subscribe here to the Better Tips Newsfeed!   

    Follow @BLOGBloke on Twitter for Social Media Tips & News!

            Opinions? (click here to jump to the comments form)

    Ok Blokesters it's your turn to tell me what you think, ask a question or suggest a blog tip. Don't forget the comments policy and I'm looking forward to reading what you have to say.

    63 Comments so far to “Add Trackback to Your Blogger Blog: The Easy Way”

    1. I did this a few weeks ago and was very proud to have done it as my template didn’t match the instructions I was following (have by now forgotten where they came from); I haven’t experimented with it much yet, only enough to know that it works. Trackback is probably crucial to some people’s style of blogging - pity Blogger didn’t use it.

      [ Reply..]

    2. …and because I haven’t used it, I also hadn’t noticed until just now that I must have trashed it when I changed the Blogger template a week or so ago. Ah, well, back to the drawing board, but at least I know where to find some instructions now.
      :-)

      [ Reply..]

    3. I hope it helps Julie and thanks for dropping by.

      [ Reply..]

    4. Thank you so very much for this guide. I was just about ready to tear my hair out, having tried just about everything else I could find.

      Only one problem though, I still have Haloscan comments, only they’re in addition to, rather than instead of Blogger comments.

      Any advice on how to get rid of the Haloscan comments completely? I’d rather not have two comment links.

      Thanks again, that was brilliant.

      The Raconteur’s last blog post..Oh my god! The Blog’s on fire!

      [ Reply..]

    5. Hi Raconteur, and you’re welcome.

      If you already have haloscan comments installed it should be just matter of removing everything you have and replacing it with my code.

      As always, make a backup first!

      [ Reply..]

    6. Hmmm, I must be doing something wrong here… bear with me, I’m completely code illiterate…

      What I did was (as far as I can recall, I’m pretty sure) I followed your instructions to the letter, took my regular template, uploaded it into Haloscan’s fixerruppa, and copied the appropriate bits and pieces in the appropriate places…

      It SHOULD be working… but if you could take a quick gander at my blog, you’ll see there’s two comment links under each post.

      Very odd.

      The Raconteur’s last blog post..Re: The Raconteur Bible - What About the JWs?

      [ Reply..]

    7. Hmm, I took the code right out of my own template so I know it works. There must be some other code in there for the 2nd comments to be showing up.

      [ Reply..]

    8. I don’t suppose I can convince you to take a look at my code for me? (Pretty please!)

      Really, I’m so horribly inept at this. But I suppose I’ll catch up eventually.

      Also, on trackback in general, I’d tried tracking back to this page but I couldn’t get it to work. Gone to Haloscan and sent a trackback manually to this url, but it said it wasn’t accepting.

      The Raconteur’s last blog post..Re: The Raconteur Bible - What About the JWs?

      [ Reply..]

    9. There is more reason to comment than ever before!

      [ Reply..]

    10. Thank you for your post it is valuable information for me

      [ Reply..]

    11. This is pretty interesting. I’m still debating on the whole trackback thing for my blog, but it is worth the thought. Good post. Thanks :)

      [ Reply..]

    12. Having installed the JS Kit re Haloscan commenting and trackback into my nevertheless blog I seemed to have lost my header image and title. looking at my layout window my header appears still to be there, but looking at html code there appears 0 size.

      Any tips on how I can get the header back will be warmly received, thank you.

      [ Reply..]

    13. I works pretty fine that’s very great thanks alot buddy

      [ Reply..]

      @Fahad, you’re welcome and thanks for letting me know.

      [ Reply..]

      Blog Bloke (@blogbloketips) reply on August 15th, 2009 7:06 pm:

    14. awesome site brotha http://bit.ly/1pXPfp

    15. awesome site brotha http://bit.ly/1jshln

    16. @Gaia Herbs, some look like downtown Las Vegas in the evening. http://bit.ly/2ub7iQ

    17. @Gaia Herbs, some look like downtown Las Vegas in the evening. http://bit.ly/2ub7iQ

    18. @CFI, @hospitalera … my head was spinning when I wrote it ;-) http://bit.ly/1CQix9

    19. RT @BLOGBloke: 10 Reasons Why I Don’t Like Your Blog http://bit.ly/2TRLSx

    20. 10 Reasons Why I Don’t Like Your Blog http://bit.ly/2TRLSx

    21. @Humayon, if you are just a blogspot user then you don't need to bother with dns settings. But I still recommend ge… http://bit.ly/1fDYre

    22. @hari saryono, I wrote an article about why we should not play into terrorists hands by linking to these horrific v… http://bit.ly/2aTKBw

    23. @InternetMarketingMentor, here's another analogy for you. Your blog is your permanent home and social networks are … http://bit.ly/4hZtE

    24. Optimize Your Blog - Making Your Blog Search Engine Friendly http://bit.ly/4A9Go5

    25. @Mike, glad you liked it. If you're serious about blogging then Wordpress is the way to go. http://bit.ly/33GQUp

    26. via @BLOGBloke: Hi There! Thanks for following. Why not ask me a question or for more blog tips visit http://tinyurl.com/5zjajb. Cheers!

    27. @Michelle, you do not need a subdomain for it to work. A subdomain is also a bad idea for SEO. You need to go over … http://bit.ly/5Z3vbE

    28. @Justin Gill .. thanks for saying so Justin. It always feels great to hear from another happy customer. :-)

      Cheers! http://bit.ly/5Z3vbE

    29. blog hating at http://www.blogbloke.com/10-reasons-why-i-dont-like-your-blog was just pinged to 91 Services!

    30. @Kay, I never thought of it that way http://bit.ly/1CQix9

    31. @humglum http://www.blogbloke.com/moving-wordpress-blogger/ basically… no. doesnt look like it'll happen.

    32. @BLOGBloke,

      I decided to get rid of the Blogger redirect as the redirect via modification to .htaccess works, t… http://bit.ly/5Z3vbE

    33. @Michelle, redirect speeds will depend on the blog host's servers and your internet connection. You only need to pa… http://bit.ly/5Z3vbE

    34. @drugi, you mean "you can please some of the people all of the time and all of the people some of the time, but you… http://bit.ly/4CvJh7

    35. Finding Your Blog Voice http://bit.ly/5LD5kQ

    36. @zarazek, don't get your domains through Wordpress. Use GoDaddy or something similar. http://bit.ly/1fDYre

    37. Saw an advertisement for Moving Blogger to Wordpress Service. Why not save your money and read my free guide? http://bit.ly/6rFYFE They do

    38. hmm.. informative )) http://bit.ly/6krJX6

    39. I should notify my girlfriend about your post. http://bit.ly/6iqFfC

    40. hello everybody, how are you all doing.i am liking this web sight i might start staying on it more. me i stay sick … http://bit.ly/6krJX6

    41. @Cdathy Tibbles, I host images on my wordpress.com account. Let me know it goes. I always like to hear from happy c… http://bit.ly/5Z3vbE

    42. @BLOGBloke, Yeh, I had a domain from a different comapny but Wordpress said I still had pay them to be able to link… http://bit.ly/1fDYre

    43. @zarazek, so if I understand you correctly your blog was being hosted by Wordpress and then they insisted on chargi… http://bit.ly/1fDYre

    44. I'm very happy with the refinements I made to the blog. What do you think? http://www.blogbloke.com/

    45. How to Produce Your Own Podcast http://ff.im/-dm32o

    46. "10 Reasons Why Twitter Is So Popular" ( http://bit.ly/8CM5gX )

    47. Updated my Blokester Buttons for 2010. Grab yours now .. http://www.blogbloke.com/introducing-new-blokester-buttons/

    48. How to Make Professional Podcast Videos for Your Blog (Vlog) http://bit.ly/7EHvN8

    49. RT @projournalist: How to Make Professional Podcast Videos for Your Blog (Vlog) http://bit.ly/7EHvN8

    50. RT @journtoolbox RT @projournalist: How to Make Professional Podcast Videos for Your Blog (Vlog) http://bit.ly/7EHvN8

    51. @BLOGBloke - really ok - am trying to pull off this from your blog http://bit.ly/5Zv5kW (thank you so much for documenting this - it rocks)

    52. @BLOGBloke - do you think I could use this service to redirect or park my domain like you mentioned in http://bit.ly/5Zv5kW

    53. Great tutorial on migrating your blog from #blogger to #wordpress. http://bit.ly/Nlr2k

    54. @FijiLomalagi my email is at the bottom of my blog http://www.blogbloke.com/

    55. @Kwame, you will have to play around with the Apache code .. http://bit.ly/5Z3vbE

    56. @Ankit_A see if this helps.. http://bit.ly/Nlr2k

    57. @drewmillikin My technical skills are limited, but I found this post to be very helpful: http://bit.ly/7LY764. My advice: pull the trigger.

    58. @Adam Johnson .. it was my pleasure and glad it worked for you .. http://bit.ly/5Z3vbE

    59. @gopmommy Your domain name redirection is done on your hosting service. Check this tutorial http://is.gd/8TXkI

    60. @stepfanieb Check #6. http://bit.ly/Nlr2k

    61. RT @BLOGBlokeTips How to Make Professional Podcast Videos for Your Blog (Vlog) http://bit.ly/2JgxLd

    BLOGBloke AvatarAdd A Comment .. your avatar (like mine on the right) will magically appear from your social profiles like Twitter or Gravatar. You can also add a comment to your Twitter or Facebook pages by clicking on the following so-very cool buttons  Share

    Tweet This? Click Here 

    Subscribe to Better Blog Tips and the New Media Newsfeed Subscribe to comments for this post by RSS | TrackBack URL

    You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Subscribe to Better Blog Tips and the New Media Newsfeed Thanks for dropping by and don't forget to Subscribe to the Better TIPS Newsfeed

    Additional comments powered by BackType