Oi gente, faz um tempão que não posto tutoriais, não é?
Hoje eu trouxe um bem fácil e deixa o rodapé da postagem mais bonitinho. Eu estou usando aqui no blog. Não me lembro onde aprendi, se alguém for o dono do tutorial me avise que eu coloco os devidos créditos. Vamos lá?
Abra o HTML do seu blog e procure por: .post-footer {
Vai estar mais ou menos assim:
.post-footer {
margin-top: 15px; /* espaço entre o rodapé e o post */
padding: 0;
}
Logo abaixo dele cole isso:
.post-footer-line-1, .post-footer-line-2 { border-bottom: 1px dashed #8B4C39; /* cor, espessura e tipo da borda */background: transparent; /* fundo do rodapé */color:#FF69B4; /* cor do texto */font-family: MamaeQueNosFaz; /* fonte do texto */font-size: 28px; /* tamanho da fonte */margin: 2px 0; /* margem entre uma linha e outra, não altere */padding: 1px 1px; /* espaço entre texto e margens, não altere */text-transform: normal; /* transformação do texto */word-spacing: .2em; /* espaço entre palavras */text-align: center; /* alinhamento do texto */ }Onde está Dashed, você pode trocar, é o estilo da linha. Se quiser pontilhada é Dotted, se quiser tracejada, igual a minha, coloque dashed, e se quiser linha reta coloque solid.
Mude as cores de acordo com o seu blog.
Onde está Font-family eu coloquei a letra MamaeQueNosFaz , vou ensinar a acolocar letras diferentes no próximo tutorial.
É isso gente, espero que tenham gostado. Beijos!
Adorei o tutorial,acho que vou fazer no meu blog viu?
ResponderExcluirBeijos...
Pode fazer Jéssica, vai ficar lindo.
ExcluirEu já tentei fazer uma vez, e minha nossa, deu tudo errado. Sou uma derrota com html e tal KKKK Estou seguindo. :D bEIJÃO.
ResponderExcluir☠ Vitamina de Pimenta ☠