Como Fazer um Template - Parte 3

Olá novamente *-*, nesta parte vamos aprender duas coisas: personalização do título dos posts e personalização do título dos gadgets (da barra lateral).

Ora bem, é muito fácil, para fazeres isso, segue os tutoriais abaixo.

PERSONALIZAR OS TÍTULOS DOS POSTS

No painel, vai a design → editar html → aperta F3 e procura pelo seguinte código:

/* Posts
----------------------------------------------- */
h3.post-title {
margin-top: 20px;
}
h3.post-title a {
font: normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif;
color: #000000;
}
h3.post-title a:hover {
text-decoration: underline;
}

Depois de achares o código acima, substitui-o por este:

h3.post-title {
margin-top: 15px; /* tamanho entre postagem anterior e título do post */
font-family: century gothic; /* fonte */
font-weight: lighter; /* efeito */
font-size: 22px; /* tamanho da fonte */
color: #00bfff; /* cor da fonte */
text-align: center; /* alinhamento do título */
text-shadow:#ccc 0px 0px 2px; /* sombra do título */
-webkit-transition-duration: .40s /* não alterar */
}
h3.post-title a {
margin-top: 15px; /* tamanho entre postagem anterior e título do post */
font-family: century gothic; /* fonte */
font-weight: lighter; /* efeito */
font-size: 22px; /* tamanho da fonte */
color: #00bfff; /* cor da fonte */
text-align: center; /* alinhamento do título */
text-shadow:#ccc 0px 0px 2px; /* sombra do título */
-webkit-transition-duration: .40s /* não alterar */
}
h3.post-title a:hover {
margin-top: 15px; /* tamanho entre postagem anterior e título do post */
font-family: century gothic; /* fonte */
font-weight: lighter; /* efeito */
font-size: 22px; /* tamanho da fonte */
color: #00bfff; /* cor da fonte */
text-align: center; /* alinhamento do título */
text-shadow:#ccc 0px 0px 2px; /* sombra do título */
-webkit-transition-duration: .40s /* não alterar */
}

Agora é só alterares o código ao teu gosto e de acordo com os comentários indicados à frente de cada linha de código.

PERSONALIZAR OS TÍTULOS DOS GADGETS (BARRA LATERAL)
No painel, vai a design → editar html → aperta F3 e procura pelo seguinte código:

/* Headings
----------------------------------------------- */
h2 {
font: normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif;
color: #ffffff;
}

Depois de achares o código acima, substitui-o por este:

/* Headings
----------------------------------------------- */
h2 {
font-family: century gothic; /* fonte */
font-weight: lighter; /* efeito */
font-size: 22px; /* tamanho da fonte */
color: #725a44; /* cor da fonte */
text-align: center; /* alinhamento do título */
text-shadow:#ccc 0px 0px 2px; /* sombra do título */
}

Mais uma vez, é só alterares o código ao teu gosto e de acordo com os comentários indicados à frente de cada linha de código.

Pronto *-*, a Parte 3 deste tutorial chegou ao fim. Se tiveres alguma dúvida na execução dela não hesites em perguntar na aba "Pergunta".