Atualização: O procedimento desse post não funciona mais após uma atualização que o blogger fez no sistema de respostas dos comentários, porém, fiz um post que mostra como usar Css para colocar as regras de comentários acima do formulário
Leia com atenção, porque não é algo muito fácil
Essa alteração é para quem usa a opção responder dos comentários, ou seja, para blogs onde aparece a opção Responder abaixo de cada comentário.Os códigos eu testei em dois modelos de template num blog de testes e funcionou em todos os navegadores, mas no meu blog funcionou com os dois navegadores aqui mais usados, Mozilla Firefox e Google Chrome, mas com o Internet Explorer não, não sei se devido a versão de Html ou algum script conflitando, o que acho mais provável. Sendo assim, talvez a alteração não funcione para todos, mas acho que funcionará para a maioria, eu aconselho que copiem seu código de modelo e transfiram para um blog de testes e façam lá a alteração antes de aplicar ao blog original.
O procedimento abaixo causa problemas no Javascript atualizado pelo blogger.
- Acesse o blogger.com, usando a interface antiga.
- Clique em Design
- Clique em Editar HTML
- Faça um backup de seu código clicando em Baixar modelo completo
- Marcar ou clicar em Expandir modelos de Widget
- Localize os códigos abaixo:
Dica: Para localizar use as duas teclas de atalho Ctrl F e use parte do código para localizá-lo
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
} - Com cuidado para não perder nem um caractere, substitua o código acima por esse:
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
replybox = document.getElementById('rules-comments-form');
if (replybox != null) {
replybox.style.display = 'block';
}
} - Depois localize os códigos abaixo:
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> - O código acima pode existir até 2 vezes no Html, Substitua cada um deles por esse:
<div id='rules-comments-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='280' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div> - Agora localize os códigos abaixo:
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> - O código acima pode existir até 2 vezes no Html, Substitua cada um deles por esse:
<div id='rules-comments-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='280' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div> - Clique em SALVAR MODELO
Mudar código de regras de comentário no Blogger
Os passos abaixo são para serem feitos usando a versão de interface antiga do blogger, quem usa a nova interface atualizada, vá em Modelo e faça um backup de seu modelo antes de começar, depois, em Modelo >Editar HTML >Prosseguir e siga os passos abaixo a partir do passo 5, abaixo.Muita atenção, os passos 10 e 11, nesses passos o código existe duas vezes no HTML(2 códigos iguais) e, os códigos são muito semelhantes, a diferença entre eles é que 2 trechos de códigos possuem style='display: none;' e os outros 2 não possuem, sendo assim, o total de substituições que você terá que fazer são 5.
Atenção, dos códigos acima, os valores height='410' pode ser diferentes de seu modelo, eles são referentes a altura do iframe que tem o formulário, nos códigos que disponibilizei para você alterar, eu já reduzi para 280, você pode reduzir até para 250, menos não, essa redução tira um espaço vazio abaixo do formulário de comentário.
0 comentários:
Postar um comentário
→Dê sua opinião. Faça comentário relacionado ao post.
→Comentário com e-mail será excluído
→Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
→Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)
Comentário reflete a opinião do comentarista. Desde já, Obrigado!