Personalizar o Plano de Fundo Da Área dos Comentários
Nesta postagem estarei mostrando algo muito diferente, mas, bem interessante de se ter na área dos comentários, pois, deixa o template mais bonito e criativo.
A imagem de fundo da qual eu estou falando é aquela (na imagem acima) do Capitão Jack Sparrow de Piratas do Caribe.
Mas é claro, que você pode colocar a imagem de acordo com o seu gosto.
Para colocar em seu blog...... Entre em "Modelo" - "Editar HTML" e procure pela tag
]]></b:skin>
Tendo encontrado a tag, basta colocar ACIMA dela o seguinte código
/* Comentários - Fundo Personalizado by DicasHot ----------------------------------------------- */ #comments{ background:#737373 url(http://i.imgur.com/WT1MsMQ.png) no-repeat; width:584px; margin-left:8px; margin-top:-35px; padding:35px 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size:15px; border:solid 5px #282828; } #comments b { margin: 10px 0 15px 0; padding: 15px 10px; font-style: normal; border: 1px solid #eee; background: #c7d7e0; color:#115588; } #comments h4 { color:#dcdcdc; margin-left:1px; font:16px Oswald, Helvetica, sans-serif; text-transform:uppercase; } #comments-block { background:#b5b5b5; line-height:1.5em; margin:-25px 100px 0 0px; /* 1px move ^ 2px move < */ } .comment-author a{ text-align:left; position:relative; margin-left:5px; color:#fff; } .comment-timestamp{ margin-right:10px; margin-top:-20px; text-align:right; position:relative; } .comment-timestamp a:hover{color:#000;} #comments-block .comment-author { background:#659f00; margin:.5em 0; } #comments-block .comment-body { background:#b5b5b5; padding: 5px 20px; font:15px Arial, Helvetica, sans-serif; } #comments-block .comment-footer { background:#b5b5b5; text-align:right; margin-right:10px; }
A parte destacada de azul no código refere-se a URL da Imagem de fundo.
Tendo feito tudo está pronto!!!