Blogger Threaded Comments Internet Explorer and Chrome Fix

It seems that many of you who have enabled Blogger’s Threaded Comments are having problems to view your blog mainly in IE (Internet Explorer) and Chrome (by Google). Problems such as, you are viewing a blank page even if your blog loads or the page freezes in IE and/or the Reply function not working in Chrome. These two things are common and can be fixed for the time being.

Blogger threaded comments fix

The work around

At first, make a backup of your template if anything goes wrong.

Previously I wrote about adding threaded comments to Blogger for customized templates. Like that, while editing your template form Template > Edit HTML option check “Expand Widget Templates” and find:

<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

Replace it with:

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

Save your template and view your blog if the problems are solved.

How does it work?

The defer attribute tells the browser to run the script after the page has been loaded. By somehow this attribute was (better say may be) causing these problems where either you are seeing a blank page or the page freezes or the problem with the Reply link. Just deleting this attribute could have done and it may have looked like:

<script expr:src='data:post.commentSrc' type='text/javascript'/>
While async tells to execute the script asynchronously along with the page, so I added this attribute so that it doesn’t block the page while loading.
Note

Though it seems that after this fix, Blogger’s threaded comments are working in Internet Explorer 9 but in previous versions like IE8 or IE7 there still exits a little problem with some templates, that is, the reply button doesn’t opens the comment box just below it when clicked. Instead, it will remain fixed at the bottom just like the previous comment form, but still you can reply. While in Google Chrome, it also fixes the problem with the reply link where it was not opening the comment box and has been confirmed here by Chee. But still check if your browser is up to date.

Remember, this is a work around only and I can’t guarantee you that it should always work. Along with you I am also waiting for a proper fix by Blogger engineers.

Popular posts from this blog

How to Resize Blogger Header to Logo Size

Image
One of the drawbacks of Blogger is its header. When you are using text as your blog title, you will find that there is no problem but when you add an image or logo to the header portion instead of title and description or having description placed after the image from Layout tab, you will find that it’s not the logo but the whole header becomes clickable. So in this tutorial we will find out how to resize the Blogger header in new templates.
Read more

Create your own Contact Form with Kontactr for Blogger

Image
Kontactr is one of the simplest, fast, light weight and effective contact forms that I ever came across. It is not only easy to create but is also like a breeze to add it to Blogger. I have already told the main features but it does not end here. It has got CAPTCHA protection to stop all those spam massages and the best of all is it’s free. You need to follow some easy steps and you are ready to receive all those important emails. Step 1: Visit Kontactr and signup. Step 2: After confirmation, login and copy the codes given in “AJAX Widget”. Step 3: Login to Blogger and create a page form Pages tab (also known as “ static page ”) from your blog's dashboard . Give the page a title, like, “Contact me” or anything that you like. Step 4: Paste the copied code (as told in step 2) and Publish the page. That is it. However, you can also customize it so that it matches the background color of your blog. There are some other options too, for example, instead of a form, you can hav
Read more

Add Google Website Translator to Blogger

Image
Why use any other translate widgets with or without images of country flags when Google translator widget can translate texts of any webpage and is capable of translating to 64 different languages (and increasing) automatically and instantly to readers speaking language. Google translator for websites can be added to any website or CMS, like WordPress, Blogger, Tumblr, etc. with ease. While the steps of adding this widget is all same but here I will mainly write about how it can be added to Blogger blogs. Blogger has this widget, you just need to go to your blog’s Layout tab and click “Add a Gadget” link. A popup page will open, scroll down below and you will find the Google Translate gadget. But there aren’t much options to select from to customize it, that’s why let’s add it in a different way.
Read more