Hello, I share my experience to activate Disqus in the Casper theme in two steps.
Hola les comparto mi experiencia para activar los comentarios de Disqus en el tema Casper, en dos sencillos pasos. Ojalá les sirva:
1.- We edit built/screen.css to insert: Insertamos el siguiente código en built/screen.css al final:
/ COMENTARIOS DE DISQUS/
#disqus_thread {
width: 80%;
max-width: 710px;
margin: 3rem auto 0;
}
2.- We edit casper/post.hbs to insert code universal (after ) and change the INSERT-SITE-DISQUS values for those obtained in your disqus account: | Insertamos el siguiente código universal de Disqus con las siguientes modificaciones e inserta en donde dice INSERT-SITE-DISQUS por los valores obtenidos en tu cuenta de Disqus:
{{!-- INICIA SECCIÓN DE DISQUS --}}
<section class="post-full-comments">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_config = function () {
this.page.url = "{{url absolute="true"}}";
this.page.identifier = "{{comment_id}}";
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://INSERT-SITE-DISQUS.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<script id="dsq-count-scr" src="//INSERT-SITE-DISQUS.disqus.com/count.js" async></script>
</section>
{{!--TERMINA SECCIÓN DE DISQUS --}}
Voilá!