17 January 2013

Replace Old Comment System With Disqus


Disqus Widget
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.

Gadgets

  1. Choose Html/Javascript
Html/Javascript

  1. Name Gadget As Disqus, Copy Below Line And Paste In It.
<--! Disqus Widget -->
  1. Save It.
  2. Go To Template And Download Backup First.
  3. Edit Template And Check Expand Widget Templates.
  4. Search For The Disqus Widget You Just Created In Your Template. You Should Find Following Line:

Code Of Disqus
  1. Just Below Above Line You Can See Code Like Below:

Disqus Code

  1. 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.

  1. Save Template.


  2. Visit You Blog Now To See Changings.

5 comments:

  1. Disqus is going popular on these days nice presentation with coding

    responsive web design company india

    ReplyDelete
  2. thank you for providing solutions to problems that I experienced, I hope you can continue to write helpful articles dedicated more

    ReplyDelete

Your Reviews About This Post