13 de ago de 2008

Comentários expandíveis

Para que o sistema de comentários do blogger seja expandível, isso é, para que ele se abra abaixo do post, vá até o HTML do seu blog.



Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.




Copie o código abaixo e cole sobre: </head>




<script type="text/javascript">
//<![CDATA[
var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';
if(typeof(thisblog_showCommentPhotos) == 'undefined')
thisblog_showCommentPhotos = false;
//]]>
</script>
<script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;id=2941927' type='text/javascript'></script>


Salve !
Clique em "Expandir modelos de widget" e procure pelo seguinte código:


<b:includable id='comments' var='post'>
<div class='comments' id='comments'>




Agora substitua a segunda linha por:


<div class='comments' expr:id='"comments" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"commentsul" + data:post.id'> </div>
<script type='text/javascript'>
document.getElementById('comments<data:post.id/>').style.display = 'none';
</script>
</b:if>


Agora procuraremos pelo seguinte código:
<dl id='comments-block'>


E acima colocaremos o seguinte código:


<div expr:id='"commentsul" + data:post.id'> </div>




Agora procure este código:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if></b:if>

E troque por este:


<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>


Agora procure por este trecho:

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>

E substitua por este:



<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<b:loop values='data:post.feedLinks' var='f'>
<a class="comments" rel="comments" expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&amp;quot;" + data:f.url + "&amp;quot;,&amp;quot;commentsul" + data:post.id + "&amp;quot;,&amp;quot;&amp;quot;,&amp;quot;" + data:post.url + "#comments&amp;quot;,&amp;quot;false&amp;quot;);toggleitem(&amp;quot;comments" + data:post.id + "&amp;quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:loop>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&amp;quot;comments" + data:post.id + "&amp;quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>



Créditos: El Escaparate de Rosa

5 comentários:

  1. Oi Elke! Adorei a dica, estou pegando várias no seu blog tá!

    Ontem peguei uma template sua (Menina ao Vento), dai fui colocar a função -Visitante muda a cor de fundo do seu template) - quando coloquei a função o fundo da minha template ficou branca, era cheio de coisinhas... como modificou queria saber se tem algum problema em deixar assim, já que vc criou a template... não sabia que ia mudar, por isso fiz, se tiver algum problema vc me avisa que eu darei um jeito de corrigir tá!!!

    Coloquei seu link no meu blog tb, já que várias amigas perguntaram onde consegui a template, como te disse coloquei os créditos tb, pois imagino que deva dar muito trabalho para fazer uma template!

    Olhei melhor ontem e suas templates são lindas, parabéns pelo trabalho e orbigada por disponibilizar algumas grátis!!! Desculpa o comentário gigante, mas gosto de fazer as coisas certas, então vim aqui te falar desse problema pessoalmente, já que vc foi gentil e me respondeu ontem!!! Obrigada pelas dicas, seu blog tem me ajudado muito, estou aprendendo muito com vc! Sucesso ai! Beijos!!!

    ResponderExcluir
  2. Ai esqueci de perguntar uma coisa, vc tem algum tutorial de como colocar o haloscan e os comentários do blogger juntos, pois no outro instalei o haloscan e os comentários sumiram, queria deixar os dois, tem como fazer isso??? Se vc tiver algum tutorial vc me passa??? Obrigada pela ajuda!!! Beijos!!!

    ResponderExcluir
  3. Oi Areta, tudo bem ? Muito obrigada pelas palavras e pelo link. Olha só, tem como sim, mas você terá que fazer isso manualmente no bloco de notas. Tendo em mãos os dois códigos do template, um com o sistema de comentários do blog e o outro com o Haloscan. Procure no código que tem o Haloscan por:

    start haloscan (part 1)

    Copie tudo que estiver daí até:

    end haloscan


    Agora vá até o código que tem o sistema de comentários do blog e procure por:

    span class='post-comment-link'

    Cole aí o código do Haloscan e salve, espero que dê certo.

    Beijos

    ResponderExcluir
  4. Oi Querida! Deu certo sim, consegui colocar os 2, ficou muito legal! Obrigada pela ajuda! Beijos!!!

    ResponderExcluir
  5. mano a minha pergunta eh

    sabe esse lugar onde eu to comentando agora

    no meu blog nao apareçe por que cara tem como vc me ajuda
    meu msn kennedybf_gangster@hotmail.com

    sou novato no blog cara

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube