Sabe quando você está em um blog, e chega a se perder em alguma desorganização, a ponto de não conseguir comentar? É, eu tenho isso as vezes e estava com medo de que isso estivesse acontecendo com vocês.. então eu consegui um tutorial para destacar o roda-pé da postagem, assim você não tem o risco de perder comentários por falta de destaque. Espero que gostem! Olhem na minha página de comentários no fim do post, para ver como ficou
(você pode mudar a cor, claro)
vá em Design> Editar Html ( interface antiga) ou Modelo> Editar Html > Prosseguir ( interface nova ) Pressione as teclas: Ctrl + F e procure por:
.post-footer {
Ele aparece igual ao código abaixo se você não tiver personalizado ainda:
.post-footer {
margin: .5em 0;
line-height: 1.6;
}
Substitua todo o código acima por este:
margin: .5em 0;
line-height: 1.6;
}
Substitua todo o código acima por este:
.post-footer {
border-top:1px dotted #CCCCCC;
background-color:#FEBFD1;
color:#ffff;
font:Verdana, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px;
letter-spacing:1px;
margin:0.73em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
color:#000;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
color:#FAFAFA;
text-decoration:none;
background-color:;
}
.comment-link {
margin-left:17px;
magin-top:500px;
color: #ccc;
background-color: #fff;
}
border-top:1px dotted #CCCCCC;
background-color:#FEBFD1;
color:#ffff;
font:Verdana, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px;
letter-spacing:1px;
margin:0.73em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
color:#000;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
color:#FAFAFA;
text-decoration:none;
background-color:;
}
.comment-link {
margin-left:17px;
magin-top:500px;
color: #ccc;
background-color: #fff;
}
Agora clique em visualizar para ter certeza de que está tudo certinho, depois é só mudar a cor se você quiser.
Para mudar a cor apenas mude o código #FEBFD1, na terceira linha. Você pode ver as cores com códigos na interface do blogger, em design > personalizar > avaçado. E no link "texto da página" só fique testando as cores, só pra ver o código delas mesmo, e vá botando no lugar do código de cor acima.
Espero que tenham gostado, qualquer dúvida me perguntem nos comentários!
beijos, luh.
2 comentários:
ameei e já coloquei isso no novo lay do blog que eu to fazendo... vai ficar bem romantico e fofo :)
www.diarios-da-garota.blogspot.com.br
wee :D haha brigada por comentar ju
www.yellowlovecookies.blogspot.com
beijos, luh
Postar um comentário