CANIBAL
Épsilon
Verificación en dos pasos activada
Verificado por Binance
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Ocultar e mostrar comentários do Disqus no Blogger
Com certeza muitos de vocês já viram que os blogs agora ocultam os comentários, dizem que é porque isso faz suas postagens carregarem rápido.
Se alguém quiser fazer isso, aqui explico como fazer.
1 .- Vamos ao editor de HTML do seu blog e procuramosCom certeza muitos de vocês já viram que os blogs agora ocultam os comentários, dizem que é porque isso faz suas postagens carregarem rápido.
Se alguém quiser fazer isso, aqui explico como fazer.
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 .- Abaixo de disqus_thread podemos ver o script dos comentários do Disqus, trocamos por este e você substitui o nome pelo id dos seus comentários
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 .- Adicionamos este css(Coloquei um pequeno efeito 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 é a v2 deste tutorial, o que significa que não será mais modificada.
Atualização: 27/01/2020
Última edição:
