-->
Como gestionar los comentarios con Disqus en las páginas estáticas de blogger

Como gestionar los comentarios con Disqus en las páginas estáticas de blogger



Disqus es una muy buena elección a la hora de gestionar los comentarios de tu blog, pero aunque se integra perfectamente en cualquier sitio web, tiene algunas falencias.

En blogger por ejemplo:

A pesar de estar bien instalado, disqus no se ejecuta en las paginas estáticas de blogger, por lo que se debe colocar el código disqus en forma manual en cada pagina estática.


disqus-paginas-estaticas-de-blogger

En esta entrada te explicare como gestionar los comentarios de las paginas estáticas en blogger con disqus, aplicando un método diferente a la forma manual y que solucionará en gran manera este inconveniente. ¿Empezamos?

Como activar Disqus en las páginas de Blogger

1. Ingresamos a la administración de blogger, Tema, Editar HTML, dentro presionamos las teclas Control + F y en la búsqueda que aparece ingresamos la palabra "disqus", aparecerá un código similar al que se muestra a continuación:

<b:includable id='main'>
<script type='text/javascript'>
var disqus_shortname = &#39;zona-de-pruebas-html&#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;//&#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;//&#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>

2. Buscamos dentro del código una sentencia similar a la siguiente:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

3. Reemplazamos el código anterior por la condicional blogger que se muestra a continuación:


<b:if cond='data:blog.url != data:blog.homepageUrl'>

4. Guardamos y listo, con esta nueva condicional estamos ordenamos a blogger para que muestre o ejecute el contenedor de comentarios Disqus en todas las páginas MENOS en la portada del blog.


Códigos HTML 100% Optimizados

Suscríbete y recibe directamente en tu email, los mejores códigos HTML que necesitas para editar tu página web.








He leído y estoy de acuerdo con la Política de Privacidad



Para complementar esta entrada y puedas definitivamente integrar disqus en tus paginas estáticas de blogger, te dejo el  Vídeo explicativo de todo el procedimiento gracias a Diego Farias



Recomendación: Cuidado con este procedimiento porque vas a perderlos comentarios que tienes en las páginas actualmente.

Ahora es tu turno de participar. Cuéntame ¿Lograste ejecutar disqus en las paginas estáticas de tu blogger? Si/No. Estaré atento a tus comentarios, los leeré todos.

Derechos: Fuente e Imagen Destacada




Publicado por: Vicente Espinoza

Puedo hacerlo yo para ti, porque no tienes tiempo ni ganas: ¡Contrátame Aquí!
O puedo explicarte como crear un sitio web completamente dinámico sin ser un experto en programación web. ¡Suscríbete Ahora!

Programa Mentoría 1&1 Únete Ya!

Comentarios: