KrishnaVandanu

Manually adding a Disqus gadget to Blogg

<div dir="ltr" style="text-align: left;" trbidi="on"> <div id="support-main"> <div class="article-content"> If the <a href="http://disqus.com/admin/blogger">Disqus gadget installer</a> isn't working, you have the option of manually installing the gadget on your Blogger site. This will require editing your Blogger template HTML, so it won't work with Dynamic Views templates.  Add a new gadget <ol> <li>Go to your Blogger "Layout" section and click Add a gadget in the sidebar <img alt="" src="http://dl.dropbox.com/u/13552259/Screenshots/2h3r9~oj9gtu.png" /></li> <li>In the Add a Gadget popup, scroll down to find the HTML/Javascript gadget and click the + button <img alt="" src="http://dl.dropbox.com/u/13552259/Screenshots/p91e~aniyct_.png" /></li> <li>Enter Disqus as the title and the following code for the content: <pre><code></code></pre> </li> <li>Click save and the window will close</li> <li>Click Save arrangement in the Layout viewer</li> </ol> <h2> Add the Disqus code to your template</h2> <ol> <li>Go to your blog's Template section and then click the "Edit template" button <img alt="Edit template button within Blogger template editor" src="http://disqus-cloudfront.s3.amazonaws.com/docs/install-blogger-edittemplate.png" /></li> <li>Click inside the text area and search for the widget you just created in your HTML template by pressing Ctrl-F (Command-F on OSX) then typing Disqus. You should find the following line: <pre><code><b:widget id='HTML1' locked='false' title='Disqus' type='HTML'></code></pre> </li> <li>Change that line to add mobile='yes' to load Disqus on your mobile template. It will look like this when you're done: <pre><code><b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'></code></pre> </li> <li>Below that locate and DELETE the following code right before the closing tag. The section you're deleting should look like this: <pre><code><b:includable id='main'>  <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable></code></pre> </li> <li>BEFORE the closing <code></b:widget></code> tag, add the following Disqus code (remember to change EXAMPLE to your site's shortname – you should leave both '&#39;' characters on either side of the shortname): <pre><code><b:includable id='main'> <script type='text/javascript'> var disqus_shortname = &#39;EXAMPLE&#39;; var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;; if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = &quot;<data:blog.url/>&quot;; } var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;; var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;; </script> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #comments {display:none;} </style> <script type='text/javascript'> (function() { var bloggerjs = document.createElement(&#39;script&#39;); bloggerjs.type = &#39;text/javascript&#39;; bloggerjs.async = true; bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;; (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[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(&#39;script&#39;); bloggerjs.type = &#39;text/javascript&#39;; bloggerjs.async = true; bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;; (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs); })(); </script> </b:includable></code></pre> </li> <li>Click Save template. Assuming there are no errors, Disqus should properly show up on your site now.</li> <li> (Optional) Verify that the meta tags in your Blogger Template do not force Internet Explorer to load using IE7 standards. For more information see <a href="http://help.disqus.com/customer/portal/articles/666084-troubleshooting-disqus-in-internet-explorer-8-9-10#IE7-standards">Troubleshooting Disqus in Internet Explorer 8/9/10</a> </li> </ol> </div> </div> <div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"> <img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=b9b83919-29a1-4dbf-940d-05cbeff21651" style="border: none; float: right;" /></div> </div>

Manually adding a Disqus gadget to Blogg

If the Disqus gadget installer isn't working, you have the option of manually installing the gadget on your Blogger site. This will req...