Três tutoriais em um!

                      
Oi meu povo. Sim, eu sou muito preguiçosa, e me cansei de fazer um tutorial por dia. Vou fazer aqui três, e talvez acabe, não sei. Hoje vamos aprender primeiramente a colocar esses balões personalizados que eu us no blog. Todos os tutoriais dessa postagem vão de créditos ao blog Jackie Dream
Vá no seu HTML, marque a opção expandir modelos de widgets e clique em "Leia Mais"

Aperte F3 e procure por:
 <class='post-title entry-title'> 

Se não achar, procure por:

<b:includable id='post' var='post'> 

Então, abaixo de um desses códigos cole isso:

<span class='post-comment-link-arriba' style='background: url(http://i.imgur.com/lfGb2.jpg) 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>

O destacado de azul significa o link da imagem. Quando eu peguei a minha imagem do blog da Jackie, ela estava com fundo branco, então eu fiz ela ficar transparente. 

Posso fazer meu balão? Ok, mas não se esqueça de que se você fizer, terá que mudar o HTML em width, height, e padding-top (Só os números). Ou então, eu recomendo você fazer uma imagem 90x80

                                     Substituindo postar comentário por uma imagem!

                             Vá no seu HTML e marque a opção expandir ''modelos de widgets''. 

                                      Aperte F3 e procure por:

          <h4 id='comment-post-message'><data:postCommentMsg/></h4>

                             A parte destacada de rosa você apaga e no lugar cola:

                                                  <img src="URL DA IMAGEM"/>

No lugar de URL DA IMAGEM você coloca uma imagem de sua escolha. Eu achei umas lindas no blog Jackie Dream

Prontinho. Fim de tutorial.

                                  Como Colocar o Botão TOPO no blog.

Vá no seu HTML selecione ''expandir modelos de widgets'' dê um F3 e procure por </body>

Agora, antes do </body>. cole isso:

<div style='float:right;'>
<a href='#'>
<img src='URL DA IMAGEM DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>

No lugar de URL da imagem da seta, cole o url de uma imagem.

Como a Jackie disse que é proibido reblogar, eu vou respeitar o blog dela.

Entre nesse link para ver as setas (www)