Personalizando a área de restrição  quando não permite comentários 
Autor: Keells Silva | Publicado: 2017-02-02T22:47:00-02:00



Bom, primeiramente bem vindo Fevereiro... Que esse segundo dia do mês traga sabedoria e felicidade para todos nós que merecemos, que passamos por tanta coisa no dia-a-dia. Espero que o mês de vocês possam vir a ser maravilhoso e cheios de coisas novas para o crescimento ! No tutorial de hoje vou ensinar a vocês como personalizar essa área dos comentários, sim totalmente de minha autoria sem nenhum tutorial espalhado por ai, como isso aconteceu? vou explicar . 

Pra quem não sabe faço a minha edição do blog pelo Google Developer Tools, facilita muito a vida da gente para melhor visualização, pra quem não sabe ou ainda não entendeu do que se trata vou mostrando as imagens pra vocês em PRINTS mencionados em ( [x] ), portanto para serem visualizados basta clicarem neles sempre ok?! 

para maior entendimento vamos personalizar essa área quando privamos os comentários !Recomendo que faça um {Backup} do seu template antes de prosseguir para evitar transtornos, caso algo saia errado.Vamos começar, não esqueçam de verificar os prints seguidos de "X" para não conter erros após o salvamento :
No Código Html do seu blog procure pelo 4° trecho abaixo do /b:skin'comment-footer'Testado somente no modelo travel viagemComo mostra no print [x], onde esta localizado SUA FRASE AQUI no exemplo da imagem, se refere a esse trecho aqui :
&lt;data:post.noNewCommentsText/&gt;O Seu campo sem edição se você privar os comentários em uma postagem, veras que terá essa mesma frase com cor padrão dependendo da cor do seu Html : 
Ficando assim [x]
Agora vamos aprender a editar essa frase, gente confesso que achava que teria dificuldade em achar esse "treco" no código, mas fui testando trecho por trecho, enfim ... Lembra que no código acima que citei na imagem tinha um campo a frente de " SUA FRASE AQUI ", você irá apagar somente esse trecho aqui :
&lt;data:post.noNewCommentsText/&gt;
Ficando assim : [x]

Se não deu erro agora salve !Vamos PersonalizarResultado da minha personalização
[IMAGEM]No Código Html do seu blog acima de &lt;/skin&gt; ou na sequencia de seus comments acrescente:.comment-footer {
    margin: 1.5em 252px -1.5em;/*POSICIONAMENTO ACIMA  ABAIXO */
    color: #73845E; /* LARGURA DE CADA CAIXA */
    text-transform: lowercase;
    font-size: 13px; /* TAMANHO DA FONTE */
    width: 406px;/* LARGURA DE CADA CAIXA */
    text-align: center; /* ALINHAMENTO DO TEXTO*/
    border-top: 1px solid #000;/* COR DA BORDA DE CIMA SE NÃO QUISER RETIRE ESSA LINHA */
    border-bottom: 1px solid #000;/* COR DA BORDA DE BAIXO SE NÃO QUISER RETIRE ESSA LINHA */
    background: #FFFFFF;/* COR DO FUNDO CASO QUEIRA */
    letter-spacing: 4px; /* ESPAÇO DAS LETRAS */
}
 

NÃO CONFUNDAM ( comment-footer ) com ( comment-form )
  comment-form : [x] Se trata da descrição, meio que uma biografia do que você aceita ou não no seu blog !
  comment-footer : [x] Se trata da Personalização do "campo", quando se priva dos leitores comentar em sua postagem !

Repararam que na imagem acima, depois que editei o meu ( comment-footer ), foi acrescentado aquela borda abaixo do "POSTAR UM COMENTÁRIO", pois bem pra você que usa essa área personalizada basta verificar no seu código fonte do css, possui essa linha margin-top: -27px;, pelo menos com o margin-top suba ou desça duas casas dele pra ficar posicionado, no caso se optar por bordas , ok ?!

Por hoje é só espero que utilizem, e qualquer duvida ou ajuda não privem de me perguntar ... Ajudarei com maior prazer, beijos e ate a próxima