{"id":52,"date":"2013-01-11T15:13:00","date_gmt":"2013-01-11T15:13:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2013\/01\/11\/how-to-add-disqus-comment-system-manually-in-blogger-blog\/"},"modified":"2022-12-19T15:03:04","modified_gmt":"2022-12-19T09:33:04","slug":"adding-disqus-manually-blogger","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/adding-disqus-manually-blogger.html","title":{"rendered":"How To Add Disqus Comment System Manually In Blogger blog?"},"content":{"rendered":"
\n
\n

\"\"<\/p>\n

From last few month you might have face trouble in adding widget directly to the blogger layout within click with the help of add to blogger widget buttons. The same problem had\u00a0 also facing in my own blogger Widget<\/a> Generators If its a simplest HTML contain field than no need to worried you can copy entire code and paste it to Blogger Dashboard > Layout > Add to Widget > HTML \/ JavaScript navigation. But while adding Disqus comment system<\/a>, its required little bit efforts.
\n<\/div>\n

How To Add Disqus Comment In blogger Manually ?<\/h4>\n
\n

\"Install<\/p>\n

\n<\/div>\n
<\/div>\n
Step 1:<\/b> Go to Blogger Dashboard > Layout > Add to Widget > HTML \/ JavaScript Navigation.<\/div>\n
Step 2:<\/b> Add Title As “Disqus comments”.<\/div>\n
Step 3:<\/b> Paste following code in contain field.<\/div>\n
\n
<!– Disqus Widget –><\/div>\n<\/blockquote>\n
Step 4:<\/b> Save widget.<\/div>\n
Step 5:<\/b> Now Navigate Template > Edit HTML > Proceed > Tick on Expand Widget Templates.<\/div>\n
Step 6:<\/b> Now Find “Disqus comments” (By Pressing Ctrl+F ). You\u00a0 will find something code look like:<\/div>\n
\n
<b:widget id=’HTML18′ locked=’false’ title=’Disqus comments’ type=’HTML’>
\n<b:includable id=’main’><\/span>
\n\u00a0 <!– only display title if it’s non-empty –><\/span>
\n\u00a0 <b:if cond=’data:title != &quot;&quot;’><\/span>
\n\u00a0\u00a0\u00a0 <h2 class=’title’><data:title\/><\/h2><\/span>
\n\u00a0 <\/b:if><\/span>
\n\u00a0 <div class=’widget-content’><\/span>
\n\u00a0\u00a0\u00a0 <data:content\/><\/span>
\n\u00a0 <\/div><\/span>
\n\u00a0 <b:include name=’quickedit’\/><\/span>
\n<\/b:includable><\/span>
\n<\/b:widget><\/div>\n<\/blockquote>\n
\n

Step 7:<\/b> Replace green highlighted text following code.
\n
\n<\/code><\/p>\n

<b:includable id=’main’>
\n<script type=’text\/javascript’>
\nvar disqus_shortname = &#39;Your_Own_Short_Name<\/span>&#39;;
\nvar disqus_blogger_current_url = &quot;<data:blog.canonicalUrl\/>&quot;;
\nif (!disqus_blogger_current_url.length) {
\ndisqus_blogger_current_url = &quot;<data:blog.url\/>&quot;;
\n}
\nvar disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl\/>&quot;;
\nvar disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl\/>&quot;;
\n<\/script>
\n<b:if cond=’data:blog.pageType == &quot;item&quot;’>
\n<style type=’text\/css’>
\n#comments {display:none;}
\n<\/style>
\n<script type=’text\/javascript’>
\n(function() {
\nvar bloggerjs = document.createElement(&#39;script&#39;);
\nbloggerjs.type = &#39;text\/javascript&#39;;
\nbloggerjs.async = true;
\nbloggerjs.src = &#39;http:\/\/&#39;+disqus_shortname+&#39;.disqus.com\/blogger_item.js&#39;;
\n(document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
\n})();
\n<\/script>
\n<\/b:if>
\n<style type=’text\/css’>
\n.post-comment-link { visibility: hidden; }
\n<\/style>
\n<script type=’text\/javascript’>
\n(function() {
\nvar bloggerjs = document.createElement(&#39;script&#39;);
\nbloggerjs.type = &#39;text\/javascript&#39;;
\nbloggerjs.async = true;
\nbloggerjs.src = &#39;http:\/\/&#39;+disqus_shortname+&#39;.disqus.com\/blogger_index.js&#39;;
\n(document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
\n})();
\n<\/script>
\n<\/b:includable><\/p><\/blockquote>\n<\/div>\n

\n

Replace “Your_Own_Short_Name” with your short name that you created for your Disqus comment system.Step 8:<\/b> Save Template, That set.<\/p>\n

Alternative Code<\/h4>\n<\/div>\n
\n
As a alternative of above code\u00a0 listed in step 7, Go to Disqus website Log In > Admin > Settings > Install > Blogger Button you will find<\/span> “Edit Template” field code generated through Disqus official website<\/span>, Copy that code and use it in with\u00a0 respect to alternative of Step 7<\/span><\/div>\n

see below image for demonstration.<\/span><\/p>\n

\n

\"Disqus<\/p>\n

\n

Feed Back<\/h4>\n
Its very difficult to maintain blog while exams are going on, now finally exams are over, Share your opinion, views , suggestions, comments with us with the help of below comment box , we love it a lot.<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"From last few month you might have face trouble in adding widget directly to the blogger layout within…","protected":false},"author":1,"featured_media":14890,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"default","csco_page_header_type":"default","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-52","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14890"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}