Coloca Abaixo Da Postagem Sobre O Autor

- março 29, 2013

Postador:
Edu-San

E Ai Turminha que Acompanha o HQm Design Vou mostra hoje um super tutu muito importante que tem em alguns do meus blog mais a vamos começar logo

1-)primeiro luga entre na sua conta do Google e Depois entre no seu blog e vá em modelo editar html E Procure Por Essa Tag Abaixo Ahh Cliquem Em Expandir modelo de widgets,Ok?

2-)Acima Dessa Tag Cole Esse Codigo abaixo:

#post-footer-autor {
width: 100%; 
height: 67px; /*Altura do campo autor do post */
background: #1E90FF ; /* Cor de fundo */
margin: 8px 0px 8px 0px; /* Distancia das margens do campo do autor */
font-family: Geneva, Arial, Helvetica, sans-serif; /* Estilo de Fonte */
}
#autor-img { /* Estilo Avatar */
width: 54px; /* Largura do espaço para avatar */
height: 54px; /* Altura do espaço para avatar */
background: #fff; /* Cor de fundo do avatar */
float: left;
margin: 7px; /* Distancia das margens do avatar */
} 
#autor-sobre { 
padding-right: 5px; 
margin: 0px;
}
#autor-sobre p{ /* Estilo texto da descricao */
font-size: 12px; /* Tamanho da fonte */
padding: 10px; /* Distancias do texto em volta do campo */
margin: 0;
text-align: justify;
text-transform: normal;
color: #fff;
}
#autor-sobre a{ /* Estilo texto linkado */
color: #9A9A9A; /* Cor link utilizado dentro do campo */
text-decoration:none; /* Sem algum efeito de destaque no link */
}
#autor-sobre a:hover { /* Estilo texto linkado ao passar mouse */
color: #9A9A9A; /* Cor link ao passar mouse */
text-decoration:underline; /* Sublinhado no texto ao passar mouse */
}

Pesquisar este blog

hqm Design