Enable disqus comments thread

This commit is contained in:
R. Tyler Croy 2011-05-15 18:41:10 -07:00
parent f39fc802fe
commit 61b5ca09ff
4 changed files with 46 additions and 5 deletions

View File

@ -0,0 +1,16 @@
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'unethicalblogger';
var disqus_url = '{{ site.url }}{{ page.url }}';
{% if page.nodeid %}
var disqus_identifier = 'node/{{ page.nodeid }}';
{% else %}
var disqus_identifier = '{{ page.url }}';
{% endif %}
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

View File

@ -65,17 +65,22 @@
<span class="country-name">USA</span>
</div>
<h3>Tags</h3>
<div id="tag-cloud">
{{ site | tag_cloud }}
</div>
{% unless page.title %}
<h3>Recent Comments</h3>
<div id="dsq-recentcomments" class="dsq-widget"><script
type="text/javascript"
src="http://disqus.com/forums/unethicalblogger/recent_comments_widget.js?num_items=4&avatar_size=24"></script></div>
{% endunless %}
<div>
<br/>
<a href="http://feedproxy.google.com/UnethicalBlogger"><img
src="http://feedproxy.google.com/~fc/UnethicalBlogger?bg=99CCFF&amp;fg=444444&amp;anim=0"
alt="Subscribe to the feed" title="Subscribe to the feed" width="88" height="26" /></a>
</div>
</div>
<div id="content">

View File

@ -26,3 +26,12 @@ layout: default
</ul>
</div>
<div id="comments-block" name="comments">
{% include disqus-thread.html %}
</div>
<br/>
<div id="tag-cloud">
{{ site | tag_cloud }}
</div>

View File

@ -42,7 +42,7 @@ h1 a, h1 a:link, h1 a:visited {
}
#sidebar {
width: 180px;
width: 200px;
padding: 10px 20px 20px 20px;
border-left: 5px solid #eee;
float: right;
@ -187,3 +187,14 @@ h3 {
padding-top: 10px;
border-top: 2px dashed #cecece;
}
.dsq_widget {
font-size: 11px;
}
#comments-block {
padding-top: 10px;
padding-bottom: 10px;
border-top: 2px dashed #cecece;
border-bottom: 2px dashed #cecece;
}