Image Map
Blog: Anime Shoujo / Sigla: AS
Desde: 30/03/2012
Tema: Puella Magi Madoka Magica
Dona: Thays Ramos
Post: 1906
Comentários: 8500
Visualizações: 3.234.147

18.4.14

Tutorial - Mudando ''postado por'' por uma imagem


Oiee meus amores *-*
Então como está no título vim ensinar a vocês como por nas postagens no lugar de aparecer o nome de quem postou vai aparecer uma imagem. Me desculpe pela demora eu sei que a seculos vocês me pedem esse tutor se não fosse pela Bunny nem ia lembrar (obrigada \o).
Vamos ao tutor... só irem em leia mais.

1. Primeiro vocês vão precisar de uma imagem, se for fazer igual a do blog o ideal é uma do mesmo tamanho que a área da postagem. Vou disponibilizar algumas e dai vocês veem onde é o melhor lugar para por o nome. (fiz os dois primeiros quase do mesmo tamanho da do blog mas veem ai o tamanho da sua postagem por que se não a assinatura vai ficar um pouco pra fora).




2. Agora vá em, Modelo -> Editar HTML e procure por:
<div class='post-footer'>
O primeiro que aparecer cole abaixo esse código:
<b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
E onde ta escrito ''link da imagem'' cole o link da imagem da sua assinatura, e onde ta escrito ''nome do autor'' você vai colocar o mesmo nome do autor (por exemplo: se estiver assim =^Thays^= você deve por assim). Caso você queira por para todos que postam em seu blog só repetir o link e colocando os nomes dos autores, ficando assim:
<b:if cond='data:post.author == &quot;NOME DO AUTOR1&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;NOME DO AUTOR2&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;NOME DO AUTOR3&quot;'>
<img src='LINK DA IMAGEM' style='float:left;border:0px;'/>
</b:if>
Aaah e caso você ou outro postador de seu blog alterar o nome no blogger a assinatura irá sumir a não ser que você vá e altere também o nome no HTML, certinho?

3. Agora temos que tirar o ''postado por'' caso você queira deixar não tem problema é só parar no passo 2.
Vá em modelo -> Editar HTML e procure por:
<span class='post-author vcard'><b:if cond='data:top.showAuthor'><data:top.authorLabel/><span class='fn'><data:post.author/></span></b:if></span>
Visualize e ver se está tudo certinho e pronto. \o
Obs.: Testei em dois blogs e só funcionou em um, não sei o por que mas pode ser que não der certo em seu blog pois cada um tem HTML diferentes =/
Aaah e outra coisa a sua assinatura irá ficar do lado esquerdo da postagem e não sei se o tamanho da imagem influencia pois lembro que quando os marcadores e os comentários eram embaixo da postagem e dai usei uma imagem menor que a da área (igual a 3 e 4 que disponibilizei ai em cima) ficaram tudo do lado e não embaixo certinho, mas caso você for usar uma imagem menor só trocar os comentário e os marcadores/tags embaixo do título da postagem, certinho? ^^

É isso amores, ta ai o tão esperado tutorial kkk e o próximo vai ser o do cabeçalho animado igual a do blog do lay anterior, espero que tenha explicado tudo direitinho e qualquer coisa só comentar, ok? E me desculpe também pelas imagens tava meio sem criatividade rs.
Bjinhos :**

10 comentários:

  1. Nossa muito obrigada! *^*
    *chora e abraça* kkkkkkkk serio, procurando esse tuto faz MUITO tempo!
    Vc acabou de ganhar um bom lugar no meu coração ahsuahushaus'
    Obrigada obrigada obrigadaaaa!! *-*

    ResponderExcluir
    Respostas
    1. Aaaaaah que bom *abraço de urso* fiquei muito feliz em ter ajudado *-*
      qualquer coisinha só comentar 005
      aeeee \o/ feliz feliz feliz... hihi

      Excluir
    2. Eu q to super feliz ahsuahus
      >-<

      P.s.: Sou a Bunny, outra conta minha....... Tenho essas duas xD

      Excluir
  2. Se importa se eu colocar esse tuto também no meu blog? Claro q eu vou dar os devidos créditos (E AGRADECIMENTOS! *-*)
    MAs é que eu acho que mais pessoas estao procurando, pelo menos o ano passado estavam rsrsrs'

    ResponderExcluir

Deixe os seus comentários mais parecido com o seu jeito,use os emoticons do AS e se divirta comentando...

Bjinhos :**

001   002   003   004   005   006   007   008   009   010   011   012   013   014   015   016   017   018   019   020