no cabeçalho dos comentários:Veja

Para que você coloque uma imagem como esta no cabeçalho dos seus comentários você deve: [...]
NÃO SE ESQUEÇA
♥ Sempre tente antes num blogue de testes.
♥ Salve o seu template antes de começar, clicando em Baixar modelo completo.
♥ Leia o tutorial até o fim e tenha certeza de ter entendido.
1º Clique em Layout ► Editar HTML ► Clique em Expandir modelos de widgets.
2º Encontre o código abaixo:
Obs: Você não precisa procurar todas as linhas do código, basta usar o Ctrl+F copiar uma linha e procurar, depois compare se o bloco de códigos se assemelha a este.
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
Acrescente a linha em vermelho com o endereço da sua imagem onde está indicado abaixo:<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='URL da sua Imagem'/>
<b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='URL da sua Imagem'/>
<b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
Complementando...
3º Para que a expressão 5 COMENTÁRIOS fique da forma como está na imagem. Você deve encontrar no CSS do seu blog a linha #comments h4 e editá-la da forma que preferir.
Veja como está a daqui do Templates para Você
#comments h4{
font-weight:bold; /*Fonte em negrito*/
font-size:125%; /*Tamanho da Fonte*/
line-height:1.4em; /*Altura da Linha*/
text-transform:uppercase; /*Texto todo em caixa alta*/
letter-spacing:.2em; /*Espaço entre as letras*/
color:#2B8FB7; /*Cor da Fonte*/
margin:1em 0;
}
font-weight:bold; /*Fonte em negrito*/
font-size:125%; /*Tamanho da Fonte*/
line-height:1.4em; /*Altura da Linha*/
text-transform:uppercase; /*Texto todo em caixa alta*/
letter-spacing:.2em; /*Espaço entre as letras*/
color:#2B8FB7; /*Cor da Fonte*/
margin:1em 0;
}
Qualquer dúvida sobre a edição do CSS consulte: CSS PARA WEBDESIGN










7 Comentários:
Ola adm...gostaria de sabeer como fazer essas caixinhas onde estão os codigos...
este e o meu e-mail
joao_timao_crg@hotmail.com
Vc arrasa nas dicas!
Olá amiguinha tudo jóia?
Queria que vc me desse uma forcinha :D
Gostaria de saber como eu faço para aparecer o avatar de cada pessoa que posta um comentário no meu blog assim como está aqui no seu, minha fotinho apareceu quando postei esse comentário por favor minha querida fala pra mim como que eu faço beiju.
Nossa estou tentando fazer este hack pegar no meu blog mas não da certo aqui eo terçeiro blog que tento e sempre da o mesmo proplema de Bx-alguns numeros que naum me lembro agora o que pode ser isso será problemas no meu template será que você poderia me ajudar já nem sei mais o que fazer
Aurea, só vou lhe fazer essa perguntar, pois tentei exaustivamente e não obtive resultado algum. Caso contrário não tomaria seu tempo.
Hospedei minha imagem no photobucket, peguei o código html, não rolou.
Tentei código direto para imagem, não rolou. E aí por diante, tentei vários códigos e várias vezes, mudando de lugar. Mesmo assim nada.
Para dar certo tenho de hospedar minha imagem em algum outro site?
Obrigada
ATT
Cristiane Oliveira
@ღღCris Oliverღღ Sugiro que você crie uma conta no Tinypic e hospede suas imagens lá. Aí verám a opção: Link direto para layouts com o endereço da imagem em baixo. Copie-a e coloque como ensino no tutorial. Me fale se conseguiu.
Oi Áurea..
Obrigada pela ajuda. Hospedando no Tinypic dá certinho viu.
Muito bom esse site!
ATT
Cris Oliver
Postar um comentário
Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia as regras abaixo:
» Seu comentário precisa ter relação com o assunto do post;
» Meu tempo é curto e às vezes responder às perguntas demanda tempo e pesquisas então paciência;
» VOLTE PARA ENCONTRAR A RESPOSTA NO COMENTÁRIO DE ORIGEM;
» Se a RESPOSTA de sua Pergunta JÁ ESTIVER POSTADA AQUI, NÃO irei responder. ► Se esforce um pouco mais e PROCURE!
» Se você quiser deixar o link do seu blog no comentário assine como OpenId, não inclua links desnecessários em seu comentário;
» Para deixar o link de seu post relevante ao conteúdo deste blog ou post, coloque este código:
<em><b>Seu nome</b> publicou um post sobre.. <a href="Link do Seu post">Título do Post</a></em>
»SEU COMENTÁRIO É SEMPRE BEM VINDO!