(Victourios,amo♥)
Oi gente, hoje tem tutorial na área, é bem complicadinho, se não prestar atenção o seu HTML pode ficar em risco.Enfim, vou ensinar a deixar os marcadores, o autor da postagem e os comentários abaixo do título da postagem, como está aqui no On the World!
O tutorial é bem complicado e grande, para velo clique em Read More.Vá em Design > Editar HTML e marque a caixinha de Expandir Modelos de Widget.
1. Procure por:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
O código acima representa o nome do autor. Recorte ele e cole no bloco de notas vamos precisar dele.
2. Agora procure por:
O código acima representa os marcadores. Recorte ele e cole no bloco de notas, vamos precisar dele também-q<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>
3. E por último, procure por:
<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>
Primeira parte feita, agora que já temos os codigos dos marcadores, comentários, e autor das postagem procure por:<div class='post-header-line-1'/> e logo depois disso cole os 3 códigos.
Agora a barrinha ''||''. Coloque elas depois de cada </span> dos 3 códigos .
Agora o pontilhado, centralizar e etc!
Procure por h3.post-title { no seu HTML,depois desse código vai ter mais algumas coisas e logo depois da chave ''}'' cole:
.post-header, .dados {
border-top: 1px dashed #ccc;
border-bottom: dashed 1px #ccc; /*cinza*/
padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*
margin: 0;
border-bottom: 1px dashed #ccc; /*cinza*/
text-align: center;
}
Visualize e veja se deu tudo certo se deu salve e se não deu faça de novo com mais cuidado!
Que chato isso Luan, tomara que você consiga se reerguer, conte comigo!
ResponderExcluirnossa eu estava procurando essa tutorial mesmo,porque todas que eu tinha encontrado não tava bem explicado obrigada.
ResponderExcluirah se precisar de qualquer coisas pode pedir ok
http://lolamantovani.blogspot.com/
Heey Luan, ja segui aqui. Uma coisa que eu não gostei foi o layout, faça um azul q vai ficar melhor ok?
ResponderExcluirBju
the-lovers.tk
Oii, já estou seguindo aqui *-*
ResponderExcluirBeijos, Mallü.
http://thelovekingdom.blogspot.com
Oi Luan, já estou seguindo aqui :)
ResponderExcluirAah, só um aviso: aquele informações sobre o blog está escrito coisas erradas, tipo o nome do blog e o postando. Dá uma olhada lá ok?
Blogcandysweet.blogspot.com
Já vi esse tutorial em outros blogs, bem prático, um pouco longo co código né,mas pra quem quer colocar os comentários/marcadores abaixo do título é bom sim :}
ResponderExcluirLindo blog!
Beijos
http://mon-autre.blogspot.com/
Pronto!Ja seguindo!bjuhs
ResponderExcluirwww.yesteens2.blogspot.com
Humpfg, eu tenei, mas só consegui o nome da autora. EOWHAIEHAOEHA é praga comigo -nnnn
ResponderExcluirUm pum de abelha pra você .-.
thefashionwonderland.tk
Depois de anos... Consegui \õ/
ResponderExcluirObrigado por ajudar :D
Beijos, Emilly.
doce-meiguice.blogspot.com