Manually adding a Disqus gadget to Blogg

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div id="support-main"><br /><br /><br /><div class="article-content"><br />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.<br /><br /><br /><br /><b> Add a new gadget</b><br /><br /><br /><br /><ol><br /><li>Go to your Blogger "Layout" section and click <b>Add a gadget</b> in the sidebar<br /><br /><br /><br /><img alt="" src="http://dl.dropbox.com/u/13552259/Screenshots/2h3r9~oj9gtu.png" /></li><br /><li>In the Add a Gadget popup, scroll down to find the <b>HTML/Javascript</b> gadget and click the + button<br /><br /><br /><br /><img alt="" src="http://dl.dropbox.com/u/13552259/Screenshots/p91e~aniyct_.png" /></li><br /><li>Enter <i>Disqus</i> as the <b>title</b> and the following code for the <b>content</b>:<br /><br /><pre><code><!-- Disqus comments gadget --></code></pre><br /></li><br /><li>Click save and the window will close</li><br /><li>Click <b>Save arrangement</b> in the Layout viewer</li><br /></ol><br /><br /><br /><h2><br />Add the Disqus code to your template</h2><br /><br /><br /><ol><br /><li>Go to your blog's <b>Template</b> section and then click the "Edit template" button<br /><br /><br /><br /><img alt="Edit template button within Blogger template editor" src="http://disqus-cloudfront.s3.amazonaws.com/docs/install-blogger-edittemplate.png" /></li><br /><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 <i>Disqus</i>. You should find the following line:<br /><br /><pre><code><b:widget id='HTML1' locked='false' title='Disqus' type='HTML'></code></pre><br /></li><br /><li>Change that line to add <b>mobile='yes'</b> to load Disqus on your mobile template. It will look like this when you're done:<br /><br /><pre><code><b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'></code></pre><br /></li><br /><li>Below that locate and <b>DELETE</b> the following code right before the closing tag. The section you're deleting should look like this:<br /><br /><pre><code><b:includable id='main'><br /> <!-- only display title if it's non-empty --><br /> <b:if cond='data:title != &quot;&quot;'><br /> <h2 class='title'><data:title/></h2><br /> </b:if><br /> <div class='widget-content'><br /> <data:content/><br /> </div><br /> <b:include name='quickedit'/><br /></b:includable></code></pre><br /></li><br /><li>BEFORE the closing <code></b:widget></code> tag, add the following Disqus code (remember to change <b>EXAMPLE</b> to your site's shortname – you should leave both '&#39;' characters on either side of the shortname):<br /><br /><pre><code><b:includable id='main'><br /> <script type='text/javascript'><br /> var disqus_shortname = &#39;EXAMPLE&#39;;<br /> var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;<br /><br /> if (!disqus_blogger_current_url.length) {<br /> disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;<br /> }<br /><br /> var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;<br /> var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;<br /> </script><br /><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <style type='text/css'><br /> #comments {display:none;}<br /> </style><br /><br /> <script type='text/javascript'><br /> (function() {<br /> var bloggerjs = document.createElement(&#39;script&#39;);<br /> bloggerjs.type = &#39;text/javascript&#39;;<br /> bloggerjs.async = true;<br /> bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;<br /> (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);<br /> })();<br /><br /> </script><br /> </b:if><br /> <style type='text/css'><br /> .post-comment-link { visibility: hidden; }<br /> </style><br /><br /> <script type='text/javascript'><br /> (function() {<br /> var bloggerjs = document.createElement(&#39;script&#39;);<br /> bloggerjs.type = &#39;text/javascript&#39;;<br /> bloggerjs.async = true;<br /> bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;<br /> (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);<br /> })();<br /><br /> </script><br /></b:includable></code></pre><br /></li><br /><li>Click <b>Save template</b>. Assuming there are no errors, Disqus should properly show up on your site now.</li><br /><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><br /><br /></li><br /></ol><br /><br /></div><br /></div><br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><br /><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><br /></div><br />

• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4

• Previous
• Next

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 require editing your Blogger template HTML, so it won't work with Dy…

Read more »

How to set far future expire headers on RackSpace CDN?

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div class="entry fix"><br /><div class="first-para"><br />RackSpace enables setting TTL of container trough control panel. This setting sets the value of expire headers to all new <a class="zem_slink" href="http://en.wikipedia.org/wiki/Computer_file" rel="wikipedia" title="Computer file">files</a> in container.<br /><br />If TTL is set to 72h then <a class="zem_slink" href="http://en.wikipedia.org/wiki/List_of_HTTP_header_fields" rel="wikipedia" title="List of HTTP header fields">expire header</a> of file will be set to: current time + 72h.<a href="http://blog.html-color-codes.info/wp-content/uploads/2011/06/rack.png"><img alt="" class="alignright size-full wp-image-32" src="http://blog.html-color-codes.info/wp-content/uploads/2011/06/rack.png" title="RackSpace TTL setting" width="474" /></a></div><br />Sadly you can’t set  TTL to more than 72 hours trough RackSpace web Control Panel. <a class="zem_slink" href="http://cyberduck.ch/" rel="homepage" title="Cyberduck">Cyberduck</a> (free software for managing files in CDN) doesn’t support setting this too.<br /><br />So the only way to set TTL of the container is trough <a class="zem_slink" href="http://en.wikipedia.org/wiki/Application_programming_interface" rel="wikipedia" title="Application programming interface">API</a>. I went trough C# examples on their website but I found them to be too  complex and confusing so I wrote my own code in C#.<br /><br />It’s really simple. All you have to do is write one GET <a class="zem_slink" href="http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol" rel="wikipedia" title="Hypertext Transfer Protocol">HTTP request</a> to get the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Security_token" rel="wikipedia" title="Security token">authentication token</a> and one <a class="zem_slink" href="http://en.wikipedia.org/wiki/POST_%28HTTP%29" rel="wikipedia" title="POST (HTTP)">POST</a> HTTP request to set the TTL.<br /><br />Below is the source code of C# console application, all you have to do is to change the values of <a class="zem_slink" href="http://en.wikipedia.org/wiki/User_%28computing%29" rel="wikipedia" title="User (computing)">Username</a>, APIKey and Container strings.<br /><br />After you run the example the TTL of Container will be set to 1 year and far future expire headers of new files will have date one year ahead.<br /><br /><br /><br /><div><br /><div class="syntaxhighlighter csharp" id="highlighter_700064"><br /><textarea style="height: 100px; width: 100%;">using System;<br />using System.Net;<br /> <br />class RackSpaceSetTTL<br />{<br /> static void Main(string[] args)<br /> {<br /> string Username = "yourusername"; //change to your username<br /> string APIKey = "yourapikey"; // change to your <a class="zem_slink" href="http://en.wikipedia.org/wiki/Application_programming_interface_key" title="Application programming interface key" rel="wikipedia">API Key</a><br /> string Container = "yourcontainer"; // change to your Container<br /> string TTLInSeconds = "31556926"; // 1 year<br /> <br /> //First http (GET) request: getting authentication token<br /> HttpWebRequest HttpRequest = (HttpWebRequest)<br /> WebRequest.Create("https://auth.api.rackspacecloud.com/v1.0");<br /> HttpRequest.Headers.Add("x-auth-user: " + Username);<br /> HttpRequest.Headers.Add("x-auth-key: " + APIKey);<br /> <br /> HttpWebResponse HttpResponse = (HttpWebResponse)<br /> HttpRequest.GetResponse();<br /> <br /> //string[] names1 = HttpResponse.Headers.AllKeys; //uncomment this to see all headers<br /> //foreach(string n in names1) Console.WriteLine("{0,-20}{1}", n, HttpResponse.Headers[n]); //uncomment this to see all headers<br /> <br /> string XAuthToken = HttpResponse.Headers["X-Auth-Token"].<a class="zem_slink" href="http://www.oracle.com/technetwork/java/" title="Java (programming language)" rel="homepage">ToString</a>();<br /> string XCDNManagementUrl = HttpResponse.Headers["X-CDN-Management-Url"].ToString();<br /> <br /> HttpResponse.Close();<br /> <br /> Console.WriteLine("X-Auth-Token: " + XAuthToken);<br /> Console.WriteLine("X-CDN-Management-Url: " + XCDNManagementUrl);<br /> Console.WriteLine("***");<br /> <br /> //Second http (POST) request: Setting TTL for container<br /> HttpRequest = (HttpWebRequest)<br /> WebRequest.Create(XCDNManagementUrl + "/" + Container);<br /> HttpRequest.Method = "POST";<br /> HttpRequest.Headers.Add("X-Auth-Token: " + XAuthToken);<br /> HttpRequest.Headers.Add("X-TTL: " + TTLInSeconds);<br /> HttpRequest.Headers.Add("X-CDN-Enabled: True");<br /> HttpRequest.Headers.Add("X-Log-Retention: False");<br /> <br /> HttpResponse = (HttpWebResponse)<br /> HttpRequest.GetResponse();<br /> <br /> //string[] names2 = HttpResponse.Headers.AllKeys; //uncomment this to see all headers<br /> //foreach (string n in names2) Console.WriteLine("{0,-20}{1}", n, HttpResponse.Headers[n]); //uncomment this to see all headers<br /> <br /> Console.WriteLine(HttpResponse.StatusDescription);<br /> <br /> HttpResponse.Close();<br /> <br /> Console.ReadLine();<br /> }<br />}<br />



You can download file with source code here: Download setTTL.zip