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 />

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

Baca selengkapnya »

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