Yooo!
Desculpem, eu estava fazendo algumas 70 ilustrações para post, não acho tão ruim ficar colocando o efeito as bordinhas e o nome do blog, mas demora muito, e depois de um tempo, começa a ficar chato. Hoje teve reunião na minha escola, acho que ela faz isso todo ano alguns dias depois das aulas começarem, minhas aulas começam nesta segunda-feira, e eu vou ter que postar menos. Vou estuda de manhã, as 7:30 e volto 12:00.
Estou totalmente sem inspiração para postar, e também cansando de postar tantos
utilitários, então vamos a um tutorial, que percebi que postei pouco aqui no blog. Esse aprendi no
reino kawaii, vai ficar igual o dela!. Vamos lá?
1. Nós vamos entrar em
Modelo - Editar HTML.
Deixe marcada a opção "Expandir Modelos de Widgets".
2. Vamos procurar por códigos referentes ao que desejamos mover para debaixo do título. Uma
dica importante: ao localizar cada código, recorte-o e cole em um bloco
de notas. É importante também lembrar de NÃO deixar no template (por
enquanto) o código que deseja mover. Geralmente eles estão abaixo de post-footer-line-1.
Nome do Autor:
Se quiser que seu nome apareça em outro local, encontre este código, recorte e cole em um bloco de notas:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
Marcadores ou Labels:
Encontre, recorte e cole em um bloco de notas:
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
Número de Comentários:
Encontre, recorte e cole em um bloco de notas:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
3. Pronto. Já temos os códigos. Agora você deve colar todos eles bem abaixo de
<div class='post-header-line-1'/>.
Se tudo estiver bem, salve. Agora vamos procurar por ]]></b:skin>. Acima dele é que vamos colar os próximos códigos referentes ao CSS, ou seja, vamos dar aparência para:
- títulos dos posts;
- nome do autor;
- marcadores;
- número de comentários.
Há vagas??
ResponderExcluiré adorei o tutorial muito util é da um efeito otimo.
Temos vagas para afiliados e para postar aqui. Que bom que gostou do tutorial!
ResponderExcluir