Mais um tutorial saindo, e hoje iremos aprender como colocar uma imagem no lugar do nome ''comentários''.
É bem simples, então no código HTML coloque a opção ''Expandir modelos widgets'' e clique Ctrl F e pesquise por: <class='post-title entry-title'>
Se não encontrar esse código, pesquise por esse: <b:includable id='post' var='post'>
Abaixo desse código, cole esse:
<span class='post-comment-link-arriba' style='background: url(URL da imagem) no-repeat top right; width:90px; height:80px; text-align:center; float:right;padding-top:19px'>
<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 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>
Onde tem...
URL da imagem: cole o link da imagem escolhida
Width:90px : Corresponde a largura
Height:80px : É a altura
Padding-top:19px : é o número de comentários da caixinha
Então você precisa ir alterando esses códigos até que fique tudo certinho no seu blog.
Visualize e salve
Agora eu trouxe alguns botões que acabei de fazer, pra vocês.
0 comentários:
Postar um comentário