Replace Old Comment System With Disqus

Disqus Is One The Amazing Widget Created For Discussions On Web. By Following Few Little Step's , You Can Replace Old Comment System Into New Way. It Is Also Available For Small Blogs And Massive(High Ranking) Sites. Disqus Is Used To Build Communities Online. This Widget Is Better For Bloggers. It Can Be Used In Any Type Of Website. Blogger's Default Comment Box Looks Well. But Dosen't Look Cool. Dosen't Attract Readers. Comment Box Should Be Attractive. That Should Attract Readers To Comment.
To Add Disqus To Your Blog Follow Simple Steps Below.

How To Install Disqus In Blogger?

1. Go To Layout And Add A Gadget.

2. Choose Html/Javascript

3. Name Gadget As Disqus, Copy Below Line And Paste In It.

<--! Disqus Widget -->

4. Save It.
5. Go To Template And Download Backup First.
6. Edit Template And Check Expand Widget Templates.
7. Search For The Disqus Widget You Just Created In Your Template. You Should Find Following Line:

8. Just Below Above Line You Can See Code Like Below:

9. Replace Above Code With Following Code.

         <b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = 'MyBloggerServices';
                var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = "<data:blog.url/>";
                }
                var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
                var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
            </script>
            <b:if cond='data:blog.pageType == "item"'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>
                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement('script');
                        bloggerjs.type = 'text/javascript';
                        bloggerjs.async = true;
                        bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_item.js';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
                    })();
                </script>
            </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>
                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement('script');
                    bloggerjs.type = 'text/javascript';
                    bloggerjs.async = true;
                    bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_index.js';
                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
                })();
                </script>
        </b:includable>

Note: Replace MyBloggerServices With Your Site's Short Name.

10. Save Template.


Visit You Blog Now To See Changings.