19 novembro 2012

Tutorial

 Oi gente! Tudo bem? Trouxe um tuto para vocês que eu já conheço á tempos!
Do blog Birthday Cake, está tão lindo que dá até inveja!
Vamos?

Primeiro, vá em Design> Editar HTML> Ctrl+F> e procure por: 
h3.post-title {
e abaixo dele coloque: 
text-align: center;
 Fundo colorido 
De novo procure por 
h3.post-title {
e coloque ABAIXO dele: 
background: #SUACOR;

Fundo com imagem

Novamente procure por:
h3.post-title {
e coloque abaixo dele: 
background-image: url ('LINKDASUAIMAGEM');
width:500px
height:35px
Divisória abaixo do título 
Depois de Design> Editar HTML> Marque a opção "expandir modelos de widgets" e pesquise por: 
<div class='post-header'>
coloque ACIMA dele o seguinte código: 
<div style="border-top: 1px dashed #SUACOR"></div>
Substitua SUACOR pelo código da cor que quiser, para aumentar o tamanho, vá aumentando o 1px para o jeito que você quiser e o "dashed" é tracejado, você pode mudar para outros como 
solid: reto ou 
dotted: pontilhado e outros 

Gif ao lado do título

Marcando a caixinha "expandir modelos de widgets" procure por: 
<a expr:href='data:post.link'><data:post.title/></a>
Abaixo desse trecho terá: 
<b:else/>
Abaixo de <b:else/> cole: 
<img src='URLDOGIF' style='vertical-align: middle;'/>
Substitua URLDOGIF pela url do seu gif. Deu certo? Então salve e seja feliz!

Nenhum comentário:

Postar um comentário