Clique em Leia mais e vamos em bora!!
Personalizando o Título do Post
Se você quiser colocar um efeito no título da sua postagem personalizada igual a minha, veja esse tutorial com atenção.
Vá em: Modelos e Editar HTML
e pesquise pelo seguinte código:
h3.post-title {
quando achar, vai estar mais ou menos assim:
h3.post-title {
margin-top: 20px;
}
Logo acima da última chave, coloque o seguinte código:
border-bottom: 1px dashed #000000;
agora vamos para a legenda:
Roxo: é a borda, (não mude, só mude apenas, o bottom po top se quiser a linha em cima, se quiser a linha em volta do título do post todo apague o " -bottom ").
vermelho: é o tamanho da borda ( se quiser mais grossa coloque " 2px ").
preto: é o tipo da borda ( se quiser uma borda lisa, coloque " solid ")
laranja: é a cor da borda ( se quiser rosa coloque " #ff50ff; ")
só isso, agora veja se esta tudo OK em seu blog e salve. Mai não acabou ainda tem muito mais...
Centralizando o título do Post
Vá em: Modelos e Editar HTML
e pesquise pelo seguinte código:
h3.post-title {
Logo abaixo dele, coloque o seguinte código:
text-align: center;
prontinho, veja se ta tudo ok, e salve... ainda tem mais..
Colocando Barra de rolagem nos posts
vá em: modelo e em seguida editar HTML.
depois pesquise por:
body {
e antes de body { cole o seguinte código:
#Blog1{overflow-y:auto; overflow-x: hidden; height:500px; width: 100%;margin: 0px;}
Pronto! veja se esta tudo legal, e salve. tem mais ai..
Colocando Sombra no título do posts
vá em: Modelo e depois em Editar HTML.
em seguida procure pelo seguinte código:
h3.post-title a {
antes de fechar a última tag " { ", cole esse código:
text-shadow: 0px 0px 5px #000000;
se vocês quiserem mudar alguma coisa,como a largura da sombra,ou a cor da sombra, fiquem a vontade.
Quando tiver tudo pronto visualize, e depois salve.
E é só isso pessoal. mais tem um dica para deixar seu texto sublinhado, persona lizado.
Fica super legal. Veja o tuto abaixo:
Vá em: Modelo >> editar HTML e procure pelo seguinte código: ]><
acima dele cole o seguinte código:
u {
color: #200000;
text-decoration: none;
border-bottom: 1px dashed #000000;
}
o que esta de vermelho é o tamanho da linha sublinhada (que vai ficar pontilhada). e o que está de preto-negrito é a cor da linha.Vê se esta tudo em ordem, e salve.
Bom gente é só isso.
comentem bastante!!
e digam o que achou do nosso post!!