Tirando o espaço entre a sidebar e os posts


Hooy Gente hoje eu irei ensinar como colocar um balão personalizado com o número dos comentários. É uma forma de conseguir mais comentários no seu blog já que incentiva os leitores a comentar e é bem bonitinho também rs
espero que gostem! 

vá no seu HTML marque a opção expandir modelos de widgets  pressione as teclas CTRL F e pesquise por:                        <class='post-title entry-title'>  
Se não encontrar pesquise por:     <b:includable id='post' var='post'>    

 Então coloque esse código logo abaixo, do código destacado (de laranja)

<span class='post-comment-link-arriba' style='background: url(http://i.imgur.com/lfGb2.jpg) no-repeat top right;width:90pxheight: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>


Ficando assim: 
           








Alguns trechos editaveis e como trocar a imagem do balão            
     
 Trocar a imagem do balão no trecho: (http://i.imgur.com/lfGb2.jpgapague e coloque a URL da imagem desejada (só apague onde está grifado de azul)

                

''Para pegar a URL de uma imagem é só clicar com o botão direito do mouse sobre ela e selecionar a opção COPIAR URL DA IMAGEM''
no trecho: width:90px corresponde a largura 
no trecho: height:80px corresponde a altura
no trecho: padding-top:19px Corresponde ao numero que fica dentro do balão portanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)

É isso pessoas! dúvidas comente

Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...
© DREAMY GIRL - 2017. Todos os direitos reservados.
Criado por: VERA LUCIA.
Tecnologia do Blogger.
imagem-logo