Rykrdo
Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 4 Mar 2018
- Mensajes
- 806
Ocultar y Mostrar comentarios de Disqus en Blogger
Seguramente ya muchos de ustedes han visto que los blog ahora ocultan sus comentarios, dicen que es por que eso hace que sus entradas carguen rápido.
Si alguien quiere hacer eso, aquí les explico como hacerlo.
1 .- Nos vamos a editor del HTML de tu blog y buscamosSeguramente ya muchos de ustedes han visto que los blog ahora ocultan sus comentarios, dicen que es por que eso hace que sus entradas carguen rápido.
Si alguien quiere hacer eso, aquí les explico como hacerlo.
HTML:
<div id='disqus_thread'/>
HTML:
<label class="mostrarcomentarios" id="show-comments" onclick="disqus();return false;">
<i class='fas fa-comment'/> MOSTRAR COMENTARIOS
</label>2 .- Abajo de disqus_thread podemos ver el script de los comantarios de Disqus, lo cambiamos por este reemplazas el nombre por la id de tus comentarios
JavaScript:
var disqus_loaded = false;
var disqus_shortname = 'NOMBREDELA__ID'; //ID de los comentarios
function disqus() {
if (!disqus_loaded) {
disqus_loaded = true;
var e = document.createElement("script");
e.type = "text/javascript";
e.async = true;
e.src = "//" + disqus_shortname + ".disqus.com/embed.js";
(document.getElementsByTagName("head")[0] ||
document.getElementsByTagName("body")[0])
.appendChild(e);
document.getElementById("show-comments").style.display = "none";
}
}
var hash = window.location.hash.substr(1);
if (hash.length > 8) {
if (hash.substring(0, 8) == "comment-") {
disqus();
}
}3 .- Agregamos este css(Le puse un pequeño efecto de :hover)
CSS:
.mostrarcomentarios{display: block;text-align: center;padding: .9rem;text-transform: uppercase;color: #fff;background-color: #bb1919;letter-spacing: 1px;font-family:'Custom','Oswald',sans-serif}.mostrarcomentarios:hover{letter-spacing:3px;transition:.9s}Nota: Esta es la v2 de este tutorial, significa que ya no se volverá a modificar.
Actualización: 27/01/2020
Última edición:
