-->

Translate

▼arquivo

Followers

Últimas Dicas para Blogueiros ...Como Expandir / Recolher Comentários do Blogger

Recebi por e-mail


Tradução do inglês para o português


 Últimas Dicas para Blogueiros
 Dicas e Truques | Últimas Dicas Para Blogueiros 

-----------------------------------------------------------------------------
<lasanthaset3@gmail.com>
brandaodasilvaedilene@gmail.com para
dados de 28 de fevereiro de 2010 08:06
Assunto Blogger Tips and Tricks
feedburner.bounces.google.com Enviado por
google.com assinado por

Blogger Tips and Tricks 
----------------------------------------------------------------------------


Como Expandir / Recolher Comentários do Blogger


"  Você gosta de
mostrar e esconder 
os comentários do seu blogger?" 
------------------------------------------------------------------------------
Se o seu blog tem grande número de comentários este será muito útil para você."  
"  Porque
se existem muitos mais comentários nos posts do Blogger, o blog pode ser muito longo".... será um interromper a sua readers.
... "  se você gosta de adicionar este truque para seu blog no blogspot, então sigaos passos abaixo. "
------------------------------------------------------------------------------
1.Faça o login no seu painel do Blogger -> layout--> Editar HTML 
------------------------------------------------------------------------------
2.Clique em "  Expandir modelos de widgets".

-----------------------------------------------------------------------------
3.role até onde você vê </ head> tag.

---------------------------------------------------------------------------
4.Copy código abaixo e cole-o pouco antes do </ head> tag.

----------------------------------------------------------------------
<script language="  javascript">
toggle function () (
var ele = document.getElementById (toggleText ");
var texto = document.getElementById (displayText ");
if (ele.style.display == "block") (
ele.style.display = "none";
text.innerHTML = "Mostrar Comentários";
) else ( ele.style.display = "block";
text.innerHTML = "Hide Comments";
) ) </ script> 


-----------------------------------------------------------------------------


-----------------------------------------------------------------------------
5.Now encontrar bloco de código abaixo:

--------------------------------------------------------------------------------
expr:class='data:post.avatarIndentClass' <dl id='comments-block'>

values='data:post.comments' <b:loop var='comment'>
        expr:class='"comment-author <dt "+ data:comment.authorClass' expr:id='data:comment.anchorName'>
          <b:if cond='data:comment.favicon'>
            style='margin-bottom:-2px;' <img expr:src='data:comment.favicon' height='16px' width='16px'/>
          </ b: if>
          
<a expr:name='data:comment.anchorName'/>
          <b:if cond='data:blog.enabledCommentProfileImages'>
            <data:comment.authorAvatarImage/>
          </ b: if>
          
<b:if cond='data:comment.authorUrl'>
            <a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </ a>
          <b:else/>
            <data:comment.author/>
          </ b: if>
          
<data:commentPostedByMsg/>
        </ dt>
        
<dd class='comment-body'>
          <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'> <data:comment.body/> </ span>
          <b:else/>
            <p> <data:comment.body/> </ p>
          </ b: if>
        
</ dd>
        
<dd class='comment-footer'>
          <span class='comment-timestamp'>
            title='comment expr:href='data:comment.url' <a permalink'>
              <data:comment.timestamp/>
            </ a>
            
<b:include data='comment' name='commentDeleteIcon'/>
          </ span>
        
</ dd>
      
</ b: loop>
</ dl>


----------------------------------------------------------------------------------

-------------------------------------------------------------------------------
Nota: O código de cor azul pode ser different.Specially considere o código da cor verde. 
--------------------------------------------------------------------------------
(Expr:
class='data:post.avatarIndentClass' <dl id='comments-block'> e </ dl>)

------------------------------------------------------------------------------
6.Now Substituir o código acima com o código abaixo: 
 -------------------------------------------------------------------------------

-------------------------------------------------------------------------------
href='javascript:toggle();' <a id='displayText'> Mostrar / Ocultar Comentários </ a>

<div id='toggleText' style='display: none;'>


expr:class='data:post.avatarIndentClass' <dl id='comments-block'>

values='data:post.comments' <b:loop var='comment'>
expr:class='"comment-author <dt "+ data:comment.authorClass' expr:id='data:comment.anchorName'>
 <b:if cond='data:comment.favicon'>
   style='margin-bottom:-2px;' <img expr:src='data:comment.favicon' height='16px' width='16px'/>
 </ b: if>
 <a expr:name='data:comment.anchorName'/>
 <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
 </ b: if>
 <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </ a>
 <b:else/>
   <data:comment.author/>
 </ b: if>
 <data:commentPostedByMsg/>
</ dt>
<dd class='comment-body'>
 <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'> <data:comment.body/> </ span>
 <b:else/>
   <p> <data:comment.body/> </ p>
 </ b: if>
</ dd>
<dd class='comment-footer'>
 <span class='comment-timestamp'>
   title='comment expr:href='data:comment.url' <a permalink'>
     <data:comment.timestamp/>
   </ a>
   <b:include data='comment' name='commentDeleteIcon'/>
 </ span>
</ dd>
</ b: loop>
</ div>


--------------------------------------------------------------------
7.Now salvar o modelo e está feito.
--------------------------------------------------------------- 




Posted: 28 Feb 2010 01:07 AM PST


Do you like to show and hide your blogger comments?If your blog have large number of comments this will very helpful to you.Because if there are many more comments in your blogger posts, your blog post can be very long.This will be a interrupt to your readers.So if you like add this trick to your blogspot blog,then folow the steps below.

1.Login to your blogger dashboard--> layout- -> Edit HTML


2.Click on "Expand Widget Templates".


3.Scroll down to where you see </head> tag .


4.Copy below code and paste it just before the </head> tag .

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Show Comments";
}
else {
ele.style.display = "block";
text.innerHTML = "Hide Comments";
}
}
</script>


5.Now find below code block:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>

</dl>


Note : Blue colored code can be different.Specially consider the Green color code.
( <dl expr:class='data:post.avatarIndentClass' id='comments-block'> and </dl> )

6.Now Replace above code with below code :

<a href='javascript:toggle();' id='displayText'>Show/Hide Comments</a>

<div id='toggleText' style='display: none;'>


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>

</dl>


</div>

7.Now save your template and you are done.

fonte e créditos:
http://www.bloggertipandtrick.net/2010/02/expandcollapse-blogger-comments-hack.html

Blogger Tips And Tricks





Sponserd Links
Você gosta de mostrar e esconder os comentários do seu blogger? Se o seu blog tem grande número de comentários este será muito útil para you.Because se existem muitos mais comentários nos posts do Blogger, o blog pode ser muito long.This será um interromper a sua readers.So se você gosta de adicionar este truque para seu blog no blogspot, então folow os passos abaixo.

1.Faça o login no seu painel do Blogger -> layout--> Editar HTML

2.Clique em "  Expandir modelos de widgets".

3.Scroll até onde você vê
</ head> tag.

4.Copy código abaixo e colá-lo pouco antes o
</ head> tag.

<script language="javascript">
toggle function () (
var ele = document.getElementById (toggleText ");
var texto = document.getElementById (displayText ");
if (ele.style.display == "block") (
ele.style.display = "none";
text.innerHTML = "Mostrar Comentários";
}
else (
ele.style.display = "block";
text.innerHTML = "Ocultar Comentários";
}
}
</ script>


5.Now encontrar bloco de código abaixo:


expr:class='data:post.avatarIndentClass' <dl id='comments-block'>

values='data:post.comments' <b:loop var='comment'>
expr:class='"comment-author <dt "+ data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
style='margin-bottom:-2px;' <img expr:src='data:comment.favicon' height='16px' width='16px'/>
</ b: if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</ b: if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </ a>
<b:else/>
<data:comment.author/>
</ b: if>
<data:commentPostedByMsg/>
</ dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'> <data:comment.body/> </ span>
<b:else/>
<p> <data:comment.body/> </ p>
</ b: if>
</ dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
title='comment expr:href='data:comment.url' <a permalink'>
<data:comment.timestamp/>
</ a>
<b:include data='comment' name='commentDeleteIcon'/>
</ span>
</ dd>
</ b: loop>

</ dl>


Nota: Código de cor azul pode ser different.Specially considere o código da cor verde.
( expr:class='data:post.avatarIndentClass' <dl id='comments-block'> e </ dl> )

6.Now Substituir acima de código com código abaixo:

href='javascript:toggle();' <a id='displayText'>Mostrar / Ocultar Comentários</ a>

<div id='toggleText' style='display: none;'>


expr:class='data:post.avatarIndentClass' <dl id='comments-block'>

values='data:post.comments' <b:loop var='comment'>
expr:class='"comment-author <dt "+ data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
style='margin-bottom:-2px;' <img expr:src='data:comment.favicon' height='16px' width='16px'/>
</ b: if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</ b: if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </ a>
<b:else/>
<data:comment.author/>
</ b: if>
<data:commentPostedByMsg/>
</ dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'> <data:comment.body/> </ span>
<b:else/>
<p> <data:comment.body/> </ p>
</ b: if>
</ dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
title='comment expr:href='data:comment.url' <a permalink'>
<data:comment.timestamp/>
</ a>
<b:include data='comment' name='commentDeleteIcon'/>
</ span>
</ dd>
</ b: loop>

</ dl>


</ div>


7.Now salvar o modelo e está feito.

Se você achar este artigo útil, não hesite em um link para esta página do seu site ou blog.










fonte e créditos:http://www.bloggertipandtrick.net/2010/02/expandcollapse-blogger-comments-hack.html

Nenhum comentário:

Postar um comentário

Mensagem do formulário de comentário: