 |
| Personalizar Postagens Populares |
Boas pessoal, bem vindos a mais um tutorial do Uncomplicated Work, e hoje vou ensinar a personalizar as postagens populares. O blogger oferece-nos uma mini-aplicação chamada postagens populares, contudo não é possível personalizar a mini-aplicação através de uma interface do blogger, por isso hoje irei fornecer um código para que as postagens populares fiquem conforme a imagem.
Depois de adicionarem ao blog a mini-aplicação, vamos a modelo e depois editar HTML, pressionamos CTRL+F e procuramos por:
]]></b:skin>
E agora antes do código pesquisado vamos colocar o código CSS para que as postagens populares fiquem como a da imagem.
div#PopularPosts1 {
box-shadow: 1px 1px 1px 1px black;
background: rgb(249, 246, 241);
padding: 10px;
border-radius: 1px;
}
.item-thumbnail-only {
height: 72px;
background: rgb(252, 246, 246);
font-size: 15px;
border: 1px solid;
transition: 0.5s;
}
.item-title a {
top: 24px;
position: relative;
font-weight: bold;
color: black;
}
.item-thumbnail-only:hover {
margin-left: 20px;
background: rgb(200, 200, 200);
}
Bem, espero que tenham percebido, qualquer dúvida deixem nos comentários e se quiserem personalizar as postagens populares a vosso gosto, deixem comentário que eu irei ajudar! Até à próxima dica!!!
Sem comentários:
Enviar um comentário