Dicas para BLOGs

Colcar balão de quantidade de comentarios do lado do titulo da postagem


Para fazer essa alteração entre na pagina editar html, marque a opção expandir modelos de widgets e procure por: class='post-title entry-title'>


Então logo depois coloque este código:


<span class='post-comment-link-arriba' style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWebSdnJ8v524BY3WiWF7z1lKsksVpTPYcMgrWMVKA0x8X7EPJi-bp_eeqhPwyH52jHJ57rGVSd2K4MXNGBxuIEykZ4dbwd05N_7t5ED3cSS7TgvwbSJ8qUf28UCxMHWh4Vf9BbavDaI/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right;padding-top:8px'>
<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>


Agora vamos falar sobre os ajustes necessários e como >trocar a imagem do bolão nos comentários do blog, veja esse trecho do código:


style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWebSdnJ8v524BY3WiWF7z1lKsksVpTPYcMgrWMVKA0x8X7EPJi-bp_eeqhPwyH52jHJ57rGVSd2K4MXNGBxuIEykZ4dbwd05N_7t5ED3cSS7TgvwbSJ8qUf28UCxMHWh4Vf9BbavDaI/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; padding-top:8px'

PARA trocar a imagem do fundo do balao troque o endereço da imagem...