Responder aos comentários do blogger
Autor: Lecca Pontes | Publicado: 2012-12-26T16:24:00-08:00


Boa noite visitantes e seguidores do templatesbylecca.
Hoje resolvi publicar um novo tutorial referente a a respostas no blogger, eu sei vão comentar, isso já foi a muito tempo, compreendo.
Só que muitos irão gostar de alguns modelos free, irão baixar e personalizar algumas coisas que lhes convem, e se o modelo for antigo, digo antes do blogger lançar essa novidade, não encontrarão lá essa opção, digo como responder aos comentarios do blogger.
Ai, pensando nos meus caros iniciantes blogueiros, interessados em blogs, sem preguiça de fazer as modificações necessárias, vai ai o que deve fazer para estar adicionando esta opção.
É o seguindo: 



Obs. Só lembrando pessoal que antes a opção de comentários tem que ser incorporado, ok!

E o que faz dispensar definitivamente o Askme, que particularmente é bom , porém fica saudades por ter sido tão especifico quanto as dúvidas.







1 - clica no modelo
2 - HTML 
3 - Clica em   Expandir modelos de widgets
4 - Copia o modelo em algum editor como o bloco de notas por exemplo ( utiliza o CRTL + F para localizar o seguinte trecho)
5 - Porém antes não esqueçã de averiguar se a opção:  Permitir feed de blog ? |opção completa|
6 -  Procure então por :


&lt;b:if cond='data:blog.pageType == "static_page"'&gt; 
  &lt;b:include data='post' name='comments'/&gt; 
&lt;/b:if&gt; 
&lt;b:if cond='data:blog.pageType == "item"'&gt; 
  &lt;b:include data='post' name='comments'/&gt; 
&lt;/b:if&gt;


Se você usar o CTRL + F e procurar por : 


include data='post' name='comments, é praticamente a última busca, onde irá parar e não encontrará mais nada.

Você então apaga:

 &lt;b:include data='post' name='comments'/&gt; 
 
e substitua por:



&lt;b:if cond='data:blog.pageType == "static_page"'&gt; 
  &lt;b:if cond='data:post.showThreadedComments'&gt; 
    &lt;b:include data='post' name='threaded_comments'/&gt; 
  &lt;b:else/&gt; 
    &lt;b:include data='post' name='comments'/&gt; 
  &lt;/b:if&gt; 
&lt;/b:if&gt; 
&lt;b:if cond='data:blog.pageType == "item"'&gt; 
  &lt;b:if cond='data:post.showThreadedComments'&gt; 
    &lt;b:include data='post' name='threaded_comments'/&gt; 
  &lt;b:else/&gt; 
    &lt;b:include data='post' name='comments'/&gt; 
  &lt;/b:if&gt; 
&lt;/b:if&gt;



7 - è só clicar em salvar e visualizar para ver se esta tudo ok!
8 - Para ter certeza veja se logo abaixo esta este outro código:

&lt;b:if cond='data:post.includeAd'&gt;


Para personalizar a area de comentarios, procure no CSS :


#comments {
background: $(comments.background);
padding: 15px;
}
#comments .comment-author {
padding-top: 1.5em;
}
#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
color: $(post.title.text.color);
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}


Substirua por: ( e personalize com as cores que desejar)



/*-----------------------------------------------
Comentarios
----------------------------------------------- */

.comments{

width:450px !important;
margin:0 auto;
font-style:normal !important;

font-size:12px !important; 

font-family:verdana !important; 
background:transparent url() 
}

.comments h4{

width:98%;

padding:7px;
margin-bottom:10px;

background:rgb(222,222,210);
color:#4E4E4E;

font-family:segoe print !important;
font-size:20px ;
box-shadow:0 2px 3px #ccc 
}

.comments .comment-block {

position:static !important;

background-image: url('http://i559.photobucket.com/albums/ss31/leccaps/Templates/fd-paper.jpg'); 
padding:0.5em 1em;
border-radius:5px !important;
box-shadow:inset 0 1px 3px #ccc !important 
}

.comments .comments-content .comment {
padding:20px 10px !important;

margin-bottom:15px !important

}

.comments .comments-content .user a{
font-style:normal;
border:0;margin-left:10px;

color:#4E4E4E !important;

text-shadow:0 1px #ccc;
font-family:segoe print;

background:none;

padding-left:0

}


/*-----------------------------------------------
Data
----------------------------------------------- */

.comments .comments-content .datetime a{
background:none;
float:right;

font-size:9px;

color:#4E4E4E;

}


/*-----------------------------------------------
Avatar
----------------------------------------------- */

.avatar-image-container {
min-width:60px; 
min-height:60px; 
border:5px rgb(222,222,210) solid; 

border-radius:60px;  
padding:0 !important;
box-shadow:0 0 3px #ccc; 
margin-left:-30px !important; 
margin-top:-1px !important;
background:#fff;
overflow:hidden 

}


.avatar-image-container img {

opacity:0.7; 

margin:0;

display:block;
max-height:60px;
min-height:60px;

max-width:60px;

min-width:60px;

padding:0;

border-radius:60px; 
overflow:hidden;
border:0 !important;
overflow:hidden 
}

.comments blockquote{
background:transparent !important;
border:0 !important;
font-style:normal !important;
font-size:12px !important;
font-family:courier new !important;
text-shadow:0 1px #ddd !important;

padding-left:20px !important;

color:#4E4E4E;

}

.comments .continue a {
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;

text-shadow:0 0 none !important

}

.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#606060 !important;
padding:3px 6px;
border:0 !important;

line-height:30px;

margin:5px;

margin-left:10px;

font-family:helvetica;
text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
border-radius: .5em;

box-shadow: 0 1px 2px rgba(0,0,0,.2);

background: #f895c2;

background: -webkit-gradient(
linear, left top, left bottom, from(#eee), to(rgb(222,222,210)))!important;
background: -moz-linear-gradient(
top, #eee, rgb(222,222,210))!important;
}

.comments .comment .comment-actions a:hover,
.comments .comments-content .user a:hover {
text-decoration:none !important;
padding:6px
}
.comments .comment .item-control a{
background:#d8c3f3;
background: -webkit-gradient(
linear, left top, left bottom, from(#aaa), to(#eee)) !important;
background: -moz-linear-gradient(
top,#aaa,#eee
) !important;
}
.comments .comment-thread.inline-thread {
background-color:transparent !important
}
.comments .comments-content 
.comment-replies {
margin-top:1em;

margin-left:56px !important
}
.comments .continue {

border-top:0 !important
}
.comments .thread-toggle,
.icon.blog-author  {
display:none !important}
.comments 
.comments-content a{
background:#fee url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;
color:#3E5230;
padding-left:15px;
padding-right:3px;
border:1px #7C7961 solid;
font-weight:400}
.comments .comments-content em{
background:#fee;
font:normal 12px 'segoe script';
color:#6B6954;   
}

.comments .comments-content strong{
background:#fff;font:normal 12px 'consolas';
color:#000;
display:block;
border:1px #eee dashed}
.comments .comments-content b{
font-weight:800;
color:#DF6699;text-shadow:0 1px #ccc}

Gostaria de lembrar que tenho um tema free para Wordpress da Saga Crepusculo:
 




Tutorial retirado do www.gerenciandoblog.com.br