31 de mai de 2012

Três tutoriais em um!

                      3196213096_56af956ef7_large
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: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>
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)

3 comentários:

  1. Que legal! Amo o Jacie Dream, ela até me segue!
    kkkk' Beeeijos.
    Batom De Framboesa

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Olá adorei o seu blog :) me siga por favor :) beijinhos

    ResponderExcluir

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡