25/01/2013

Marcadores e comentários abaixo do titulo do post personalizados




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 != &quot;true&quot;'>,</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 != &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <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.





2 comentários:

  1. Há vagas??
    é adorei o tutorial muito util é da um efeito otimo.

    ResponderExcluir
  2. Temos vagas para afiliados e para postar aqui. Que bom que gostou do tutorial!

    ResponderExcluir



Por favor, não peça nada pelos comentários, para isso temos a nossa Ask.

Os comentários daqueles que não se indentificarem seram publicados, mas não serão respondidos.

A moderação de comentários está ativa, tome cuidado com o que fala!

Pedidos de afiliação só ná página de afiliados

Não respondo mais comentários do tipo "seguindo segue de volta?"

Nao tenha preguiça de comentar, comentar nã vai fazer seus dedos caírem.