Novo Blogger Vanessa S.
Personalizar comentários no novo blogger
Neste tutorial veremos como personalizar comentários no novo blogger. Desde o lançamento do novo sistema de comentários no Blogger, com a opção Responder Comentários, que algumas personalizações, simplesmente deixaram de funcionar.
Alguns usuários perderem todas as mudanças realizadas anteriormente, e isso ocorreu porque com a implementação do novo sistema, houve alterações na codificação da área de comentários.
Neste tutorial, veremos como aplicar um estilo diferente aos novo sistema de comentários do Blogger.
[becape]
Antes de mais nada, vale lembrar que é sempre bom fazer um backup antes de prosseguir com o tutorial. [/becape]
Personalizar comentários
No painel do blogger, acesse o menu “modelo“, clique em “editar html” e procure por:
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid $(widget.alternate.text.color);
border-bottom: 1px solid $(widget.alternate.text.color);
}
.comments .comment-thread.inline-thread {
background-color: $(post.footer.background.color);
}
.comments .continue {
border-top: 2px solid $(widget.alternate.text.color);
}
e SUBSTITUA todo o trecho que você localizou por este a seguir:
/* Comments
----------------------------------------------- */
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 10px 10px;
padding:0 15px;
color:#999 !important; /*--- cor da fonte do botão reply--- */
text-align:center;
text-decoration:none;
background: #ccc; /*--- cor de fundo do botão reply--- */
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );/*--- cor de fundo gradiente--- */
border:1px solid #C0C0C0; /*--- cor da borda do botão reply--- */
border-radius:5px;
-moz-border-radius:5px;
height:26px;
line-height:28px;
font-weight:normal;
cursor:pointer;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background:#fff; /*--- cor de fundo do botão reply houver--- */
border:1px solid #999; /*--- cor da borda do botão reply hover--- */
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
float:right;
}
.comments .comments-content .datetime a{
font-size:11px;
text-decoration:none; color:#666; /* -- cor do link da data do comentário -- */
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#fff; /* -- cor de fundo do comentário -- */
border:3px solid #C0C0C0; /* --- cor da borda do comentário ---*/
border-radius:8px;
-moz-border-radius:8px;
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#f1f1f1; /*--- cor de fundo--- */
font-size:18px;
border-bottom:1px solid #C0C0C0; /*--- cor da borda --- */
padding:5px;
}
.comment-header a{
color: $(link.color); /*--- cor do link nome do autor do comentario --- */
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
background:url(http://3.bp.blogspot.com/-uyq6qUMgZY4/T9hNk34hREI/AAAAAAAAAK0/l7bMt9LUPTE/s1600/imagem-arrow.png) top right no-repeat; /*--- imagem arrow---*/
float:left
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding:2px;
border:1px solid #ccc;
width:45px !important;
height:45px !important
;max-width:45px !important;
max-height:45px !important;
}
P.s: Dependendo do modelo do seu template, pode ser que o código acima esteja um pouco diferente. O importante é que você localize todo o código css referente aos comentários, para poder fazer a substituição.
No código acima, os trechos personalizáveis estão destacados.
A "setinha" que eu usei no box de comentário é esta abaixo.
Sugiro que você salve a imagem no seu pc e depois hospede em seu blog.
Lembre-se que: Se quiser alterar a cor da borda em volta do box de comentários, você deverá seguir a mesma cor da "setinha", ou seja, terá que fazer outra imagem.
Obrigada! Me ajudou muito!!
muito bom esse tutorial
Olá Vanessa, obrigado pelas dicas, ainda vou tentar adaptar elas ao meu blog, mas gostaria muito de saber se você poderia me passar o código desse mini menu de compartilhamento do final dos seus posts, ajudaria bastante, essa barrinha mesmo que tem facebook, e tal… obrigadão… =)
Guria, tu ja me salvou dezenas de vezes e nem sabes!
Obrigado!
Boa tarde. Gostei muito do seu Site. Estou procurando mais não acho em nenhum lugar. Eu vi que aqui no seu Site os comentários mais recentes estão no topo, e os mais antigos em último lugar. Queria muito saber como fazer com que os comentários do meu Site também fiquem assim, poderia me dar o link to tutorial? é muito importante para o meu dia a dia que os comentários recentes fiquem no topo da lista, e não no final. Um grande abraço e muito obrigado desde já. Uma boa semana e ficarei no aguardo. Bom trabalho aqui no seu Site.
Oi Leandro,
Esta opção é do próprio wordpress. Infelizmente no blogger não tem.
Muito obrigado pela sua resposta e pelo seu trabalho aqui. Um forte abraço e continue com esse belo trabalho.
Vlw tudo que estou montando um template apartir dos seus tutorias
Obrigado, me ajudou muito u-u
Obrigado, ficou perfeito 😀
Tens como disponibilizar esse formato/css atual do teu blog? O botao responde dentro do balao ficou show. Eu iria editar as cores.
Fico no aguardo 🙂
Abraços
DarkSide ( http://www.danosse.com )
Oi eu estou tentando mudar a cor da fonte dos comentários, mas não consigo, tem como me ajudar ?
A fonte está branca e assim quando publicam não aparece nada
Oi Vanessa, seu blog é muito maneiro, suas dicas são bem úteis. Porém ainda tenho uma dúvida: como personalizar a mensagem que acompanha o número de comentários do blogger? Tipo assim: 2 comentários, não acredito!
Obrigado e cordial abç
Clau,seu tutorial dá certinho.
Eu fui ver as configurações dos comentários eram abaixo incorporado
marquei a opção pagina inteira.
Aparece a foto/avatar de quem comentou perfeitamente.
Para quem está reclamando deste maravilhoso tutorial grátis.
(deveria ser pago)
fica a dica:blogueiro tem que estudar,pesquisar e queimar
um pouco os neurônios.
Clau,sinta-se a vontade para deletar este comentário.
Parabéns pelos tutoriais,serei eternamente grata.
Linda semana para você,beijos
Olá
Gostei muito pois eu queria que as pessoas
deixassem um comentário e o que tem no blogspot
é muito pouco, mas não consegui pois lá esta todo colorido
e não achei o trecho que era pra ser substituído, se puder me ajudar valeu!
nao funcionou nao esse codigo
O Erro esta por não saber o que tirar não tem dizendo até onde retirar segui o código que está ai na caixa em azul,deu erro.
eu guardei o código como não deu certo voltei novamente
com o código para o lugar.
uma virgula tirar a mais ou a menos da erro.
por isso dificilmente
quem não entende nada de HTML consegue certar.
vlw pelo tuto me serviu bastante..
Meu template é tirado da internet, e eu modifiquei ele quase todo… coloquei esse modo de comentários, mas não consigo responder mais os comentários.. clico em ”responder” mas não aparece nada. Pode me ajudar?
To com o mesmo ploblema
Lamento, mas não tenho como te ajudar. Sendo assim, eu sugiro que vc reporte este problema diretamente no fórum oficial do Blogger, de qualquer forma agradeço pelo comentário.
Tentei tudo!! e ñ deu certo, sorte q tinha um modelo salvo mas tava pela metade, consegui repor os artigos perdidos, e ainda essse modelo de comentários…não altere nada, nem a cor principalmente…
a úncica forma e essa
tem jeito não o problema volta novamente, so da pra postar uns 3 comentários e depois trava e não da mais =(, meu blog tá perdido.
DESCOBRI A SOLUÇÃO!!!
tem um widget de compartilhar os posts em redes sociais,ele bloqueia os comentários, para comentar normalmente, apenas exclua ele.. e tudo voltará ao normal!
eu ja tava enlouquecendo refiz meu template umas 20 vezes..
o que eu coloquei tem esse nome: “Fantástico widget animado com botões para redes sociais”.
exclua qualquer widget de compartilhar e seja feliz!
o meu template não é editável e totalmente diferente não apareceu esse código, mas eu troquei o código de baixo pelo código que começava com “.coment” e quando eu salvei Apareceu, mas tô com uma duvida bem grande! se deu certo mesmo??? to com receio de ocorrer algum problema no meu blog…
ficaria muito aliviado se você pudesse dar uma olhada, pra ver se tá tudo certo
pode responder aqui que eu vejo.
Muito Obrigado!
muito bom vlw galera
Olá! Muito obrigado, ótima postagem!
João Gustavo
Só tenho uma palavra para descrever “Obrigado”. Valeu mesmo pelo ótimo post, ajudou e muito.
Oi, queria saber o porqe no meu blog nao funciona o avatar, nao aparece avatar. O que eu faço?
Sugiro que vc reporte seu problema diretamente no Fórum de ajuda do Blogger.
Adorei o post, muito bom parabéns Vanessa !
Hey, Vanessa , a opção ”excluir” comentários não funciona aqui .
Passando só para agradecer pelos inúmeros tutoriais que você oferece e ressaltar que o seu site é o mais útil que conheço desse gênero. Seus códigos sempre são efetivos para o meu template e os exemplos através de blogs de testes me dão mais confiança para tentar com o meu. Obrigado pela sua ajuda!
Eu quem agradeço pelo comentário Carlos.
Primeiro te agradeço, mudei várias coisas no meu blog, Graças a vc!
Eu queria saber como fazer para colocar os comentários na parte de cima da postagem e não lá embaixo, como é.
Carina
Eu consegui mudar,mas como se faz para mudar a cor do fundo,tipo do meu está cinza quero deixar branco
Como faço isso?
Deu super certo, como sempre.
Nessa, não rola fazer personalizações específicas nos comentários do autor do post, como tinha uma vez para o sistema antigo?
Os comentários são meu único problema dos códigos do Blogger…
Agora vou lá descobrir como faz pro texto dos comentários aparecer ANTES deles, e não depois como está ocorrendo aqui…
Fui colocar no meu blgo e o texto do comentário fica branco, assim como o fundo. Não achei aonde altera a cor do texto. Pode me ajudar?
Obrigado!
Nossa, amei!
Deu super certo!!
Valeu… mais uma vez! rsrsrs
Bjinhos,
Dani
Esse tutorial tem para templates com versão antiga do blogger? Pois no meu template não encontrei nada parecido com estes códigos acima. Obrigado e parabéns pelo seu blog, contem ótimos conteúdos!
Ahhh eu consegui, o código não estava indo porque eu não havia habilitado a opção de responder comentários, desculpa o incomodo, e valeu pelos códigos :]
Dá uma lida no artigo “ativar responder comentários” (link está no inicio deste tutorial).
Gostaria de agradecer mais uma vez. Porem houve um probleminha.. No meu template não aparece a opção “excluir” ou a lixeira. Ja consultei os códigos do meu template e estão todos certos, isso é comum?
Nossa muiito bom! Funcionou direitinho! Finalmente encontrei um site que os códigos realmente funcionavam, muiéér. Parabééns!
Já consegui resolve o problema muito obrigada por ajudar tanto a gente!
O meu só fica cinza o fundo dos comentarios como tirar?
Já faz um belo que falei que não consegui colocar e dava bug , só que fui tentar novamente e consegui dessa vez … então obrigado
Que bom que conseguiu 😉
Muito bom o tutorial, já fiz o passo a passo como você ensinou e coloquei no meu blog, amei o resultado, muito obrigada por postar!
Oi Clau! Minha dúvida é relacionada ã outro post, mas por algum motivo não dá pra comentar lá…
Eu gostaria de saber se tem como DESATIVAR o avatar nos comentários do blog! Pesquisando na internet eu vi que em Configurações > Comentários tem como marcar/desmarcar a opção de mostrar o avatar, mas não sei se por causa da versão nova ou algum problema com o meu painel, não tem mais essa opção disponível!
Nesse caso, tem como eu desativar o avatar?
Olá,
Gostaria de agradecer pelo tutorial. Adorei o visual dos comentários e do botão responder! Simplesmente fantástico!
Agora vou editá-los e colocar na cor azul, minha cor preferida ^^
Obg ^^!
Olá, queria saber como retirar o nome “Tecnologia do Blogger” lá embaixo, assim como no seu blog? Obrigado.
Perfeito Tutorial e Lindo Blog Parabéns
Agora eu consegui retirar e deixar normal … mas mesmo assim valeu
nossa valeu mesmo, deu super certo e está muito bem explicado. bjs
Adorooo seu blog e super recomendo! beijooocas
Obrigada Giovana 🙂
Muito obrigado!! ajudou d+ .. vlw
fica muito legal! ^^
Gostei funcionou no meu blog normalmente 🙂 obg
amei este tutorial (amo todos os tutorias deste blog), já apliquei no meu blog, só precisei de um pouco de paciência nas cores e BAN!! ficou legal 🙂 super abraço, até a proxima.
Nossa, muito obrigada
Adorei a dica e já apliquei no meu blog
beijoss
Nossa! MUITO OBRIGADA por esse post! Tava tentando arrumar os comentários do meu blog há um tempão!
Mas como eu faço pra cada comentário ter um botão de responder igual ao seu blog? Pq o meu fica igual ao da imagem do exemplo: um botão separado pra todas as respostas do mesmo comentário.
Espero que eu tenha conseguido explicar o que quero dizer.. hehe
Obrigada!
O meu é diferente pq é plataforma wordpress, no Blogger não funciona desta forma.
Olá Vanessa amos seus tutoriais. Gostaria que me ajudasse na medida do possivél. Como posso colocar essas frases em quem comenta como nesse blog http://loveglitter.com.br/resultado-sorteio-kit-delinedores/ , falando quantas vezes a pessoa se fez presente?
Grata
Ane
Este blog é no wordpress, deve ser algum plugin especifico que faz isso. Não tem para blogger.
Olá. Muito bom o seu site mas olha, tenho uma grande duvida. Como eu uso este sistema de comentários que tu tens aqui ? Ao invês de comentar com o sistema padrão do blogger, quero um parecido com o que tens aqui, apenas com nome, email e site . Pode me dizer sfv ? Obrigado 🙂
Queria mudar o formulários para comentar.
Tem como trocar o avatar padrão? Aquele dos comentários sem foto?
Olá
Muito obrigado!
Ficou realmente muito bom!
abç
Muito bom, fera demais, Obrigado!!!!!!
Olá, coloquei esse css no meu blog mais não funcinou!
A opção responder não funciona, por favor faz um tutorial pra consertar este erro, porque muitos blogs que já vi assim :s
Agradeço’
Vc tem que vc reportar o seu problema diretamente no Fórum de ajuda do Blogger, pois eu não tenho como ajudar a solucionar isso.
Eu descobri como destacar comentario do autor do blog no novo blogger
Basta adicionar
.comments .comments-content .loadmore a {
border-top: 1px solid #a3a3a3;
border-bottom: 1px solid #a3a3a3;}
.comments .comment-thread.inline-thread {
background-color: #6fa8dc;
}
.comments .continue {
border-top: 2px solid #a3a3a3;
}
debaixo deste codigo css
Sou fraquinho em HTML, morro de medo de fazer besteira, mesmo salvando uma copia do código. Por isso vou devagar, leio o post 2 ou 3 vezes pra entender.
Obrigado pelas excelentes dicas.
Eu segui passo a passo, porém só apareceu a setinha. E ao clicar nela nada acontece, onde eu errei?
Oi amiga. No meu blog não existe essa entrada: .comments .comment-thread.inline-thread {
background-color: $(post.footer.background.color);
}
Não sei se é por isso que o sistema de comentário não muda. Fiz exatamente como vc falou 3 vezes. Te agradeço.
Se não tem…é só vc incluir o código que seria para substituir.
Mas ja que o código será substituido, ainda sim preciso inserir?
Não mudou nada nos comentários do meu blog, será que fiz algo errado?
Fica mto show!!!
Valeu, ajudou! 🙂
Nossa, muito útil, assim como todas as suas postagens ^^
Aprendi e aprendo muito aqui!
Eu quero atualizar o sistema de comentários do meu template, e já encontrei aqui como fazer isso, para poder aplicar efeitos assim, porém, eu queria muito usar emoticons nessa forma de comentários mais atualizada.
Espero não estar incomodando, mas gostaria de saber como usar emoticons nos comentários do novo blogger.
Agradeço antecipadamente ^^
Beijos<3
Estou preparando um tutorial sobre isso.
Oi mais uma vez nessa, eu pedi para detalhar por que o meu template do meu blog fui eu que criei, e nele faltou um codigo para fazer fucionar alteração deste estilo css ai, você poderia ensinar a colocar emomticos no novo blogger ?
Ola Gostaria de Saber como fazer um campo de comentarios igual a este seu para blogger!?
Oie, amei o tutorial, estava procurando a algum tempo, e o seu foi o melhor, beijos e obrigada
Oi Vanessa !!!, poderia detalhar o que cada area do estilo css significa ???
Já está especificado. Basta ler os comentários ao lado de cada trecho que está destacado.
ameiiiiiiiiiiiii meus parabens eu ja tinha tentado varias veses fazer isso e nao tinha conseguido mas o seu tutorial ta otimo
Vanessa muito bom seu tutorial mais to com um problema o meu avatar não aparece nos comentarios pode me ajudar
Não sei o que pode ser. Recomendo que vc reporte seu problema diretamente no fórum de ajuda do Blogger.
conseguir arrumar vlw por seu tutorial linda 😀
me diga uma coisa? como você aprendeu tudo isso? você é formada em liguangens (php,xml e html)? ou vai fuçando a net e aprendendo?
acompanho este blog a uns 3 anos e você é fantastica
Há e porque voce revelou seu nome de verdade(se for de verdade)
antes era CLAU
infelizmente o template que que eu baixei aqui de voces “Crypt Angels” os codigos sao bem diferentes do mostrado nesse tutorial, bom se nao meu nao deu certo nos deram então o tutorial foi 10 parabens!!!
Este tutorial se aplica somente aos novos templates do blogger (designer de modelo). No próprio título está especificando isso.
Agora deu certo mais tenho uma pergunta tem comocolocar o avatar dentro da borda?
Tem sim, inclusive no código já tem borda configurada, mas vc editar da maneira que vc quiser. O trecho referente a foto do avatar é esse:
.comments .avatar-image-container img{
border:1px solid #ccc;
A possibilidade de responder diretamente os comentários foi uma solução já esperada por muitos. O Blogger está de parabéns! E o Mundo também!
Vanessa, você já fez um tutorial ensinando a dividir os posts em colunas, pra não pesar no carregamento da página?
Já sim Lucas:
Área dos Posts Dividida em Colunas
Vanessa e muito bom so que nao consegui istalalo pode me ajudar
Felipe, eu já simplifiquei ao máximo as instruções de instalação. Vc tem que seguir os passos que estão no tutorial. Desculpe mas não tenho como te ajudar individualmente.
Olá Vanessa, eu gosto muito de seu site, aprendi várias coisas já.. mas você poderia nos ensinar como criar uma página personalizada no blogger? tipo essa https://www.mundoblogger.com.br/tutoriais-para-blogger
Esta página eu atualizo manualmente. Todos os links listados ali eu fiz “na mão”.
Se for em relação ao conteúdo estar divido em colunas, eu uso este código aqui para dividir conteúdo do post em colunas:
Dividir conteúdo de postagem em Colunas
Olá, Vanessa!
Só recentemente eu apliquei uma customização aos comentários do Gerenciando Blog, aproveitando para colocar também o destaque nos meus próprios comentários.
Gostei muito das possibilidades! Obrigado por compartilhar!
Um abraço!
Oi Adelson,
Que bom que gostou. Eu estou com o post sobre destacar comentários no rascunho. Não publiquei ainda pq estou testando uma opção pra ver se fica bem diferente. Vamos ver se dá certo. rs
Obrigada pelo comentário. Volte sempre 🙂
abçs
Muito chique este novo “modelo” que você criou Vanessa. Parabéns! Se eu não utilizasse o DISQUS personalizaria o do Blogger.
Que bom que gostou João 😉
Muito Obrigada Vanessa
Ja coloquei no meu blog, gostei muito. =)
Eu quem agradeço pelo comentário. Fico feliz que tenha gostado 🙂
Olá Vanessa.
Muito bom o artigo, encontrei um mais simples e elegante dessa vez.
Abraços!
Obrigada!
Incrementei no meu código. Ficou bem diferente =]
Fico feliz que tenha gostado 🙂
Ótimo tutorial como sempre, Clau/Nessa (vamos te chamar de Clau pra sempre agora u-u).
Fazendo uma pergunta aleatória, como fazemos para entrar em contato contigo, sugerir artigos etc?
Eu vou reativar o formulário de contato para envio de sugestões de artigos..é tanta coisa pra reorganizar aqui que acabo me “enrolando”..rs
Realmente um tutorial fantástico. Fiz malabarismo pra editar o meu, mas vejo que esse é bem mais tranquilo.
Obrigada por compartilhar.
Que bom que gostou Vanda 🙂
Olá querida, como faz pra por esse formulario de comentário ? tipo, tirar o padrão e por esse bonitinho tipo aqui.. abraco fique com deus !
Olá Robert, Esse formulário é próprio do wordpress.