Chantel Jeffries
saindo do carro (+18) - FireLink
Os melhores sites para
Safadinhos e Safadinhas (+18)
Conhece o Jogo do Texto?
Use com qualquer garota!
Sites que vocês adultos
Vão Gostar - Link Fixo

Personalizar Área dos Comentários do Blogger - Versão 1

DicasHot - Área dos Comentários personalizada

Neste post estarei compartilhando com vocês outro código bem interessante. Esse código, da qual você irá colocar no seu blogger, personaliza os comentários do blogger deixando os mais bonitos e chamativos. Eu já uso a um bom tempo aqui no blog. Espero que gostem!!!

Siga-nos no twitter:

                                                   

Recomende o DicasHot no Google:




Cursos Online com Certificado - Cursos 24 Horas


Para colocá-lo no blogger é simples e rápido:

Entre no Painel do blogger, Modelo, Editar HTML e procure pela tag
]]></b:skin>

ACIMA desta tag, cole o seguinte código
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(http://1.bp.blogspot.com/-EJmwh15Urmc/T89WMFenyGI/AAAAAAAAGlg/Lt8N7DprwFU/s320/author-pink.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
Personalize as cores de acordo com o seu gosto. A parte destacada de vermelho no código é a cor das faixas principais e a parte destacada de azul é a cor do nome do comentador.

Tendo feito isto, salve e pronto!!!

Cursos 24 Horas - Cursos Online com Certificado entregue em Casa
Personalizar Área dos Comentários do Blogger - Versão 1 Personalizar Área dos Comentários do Blogger - Versão 1 Reviewed by Muca on 10/03/2013 12:33:00 PM Rating: 5