Bom, gente, hoje vou ensinar a persoalizar o título da postagem de vários jeitos.
Vamos lá:
Título centralizadoPrimeiro, 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:
Abaixo desse trecho terá:<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>Abaixo de <b:else/> cole:
Substitua URLDOGIF pela url do seu gif (avá)<img src='URLDOGIF' style='vertical-align: middle;'/>
Visualize, se estiver tudo ok, salve!!
Beijihos!!
4 comentários:
oi flor, queria muito um desses tutoriais, obrigada *-* ja coloquei no meu blog, bjs :*
http://generationteenbr.blogspot.com/
*Hooy, participe desse concurso, com o premio de 2 layouts! Vai perder? http://the-lovers-world.blogspot.com/2012/01/concurso-eu-quero-um-layout.html
Muito bom o post!
Oi, prazer sou Victor.
Sou novo no blogger, e queria saber personalizá-lo assim, tentei personalizar alguns templates mas nada me agradou. Queria uma interface completa como essa que voce usa no blog, mas claro, uma q tenha a ver com meu tema e publicações.
Alguma dica de onde procurar tutoriais, ou vinda de você mesmo? Qualquer coisa que puder ajudar, agradeço. bj bj
Parabéns pelo blog
Postar um comentário