Marcadores e autores debaixo do título do post (atualizado)


Hello *3*
Cheguei em casa era 18:00hs, sério. Estava festejando com as amigas, amigos e namo a nossa vitória na Gincana da nossa escola. Ganhamos com 1.600 pontos à frente da Equipe azul #Chupa_Equipe_Azul, #Chupa_Tia_Marlene e #Chupa_tia_Endy. Masok, eu sai essa semana toda arrecadando roupas, brinquedos, calçados  e alimentos para doação, e vi que o esforço valeu a pena. Cara, estou mega cansada, mas o importante é que conseguimos ganhar e também vamos ajudar centenas de pessoas com condições de vida inferiores. Só tenho uma coisa a dizer para minha querida professora que lê o blog: CHUPA, PORQUE QUEM MANDA NAQUELA ESCOLA É NÓIS -/-

Ok, ok, a Emily pediu na minha ask aquele tuto de marcadores e autores debaixo do post, e resolvi trazer outro método mais complexo e detalhado pra vocês, uma vez que o método atual que eu havia postado não estava funcionando para alguns!
Enjoy ~
CRÉDITOS: [www]


Primeiro, abra seu bloco de notas.
Depois, vá no seu editor de html e procure por:

<span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

Esse é o código do nome do autor. Recorte e cole no bloco de notas que você abriu.


Agora, procure por:

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

Esse código é o código dos marcadores. Novamente recorte e cole no bloco de notas.

E por fim, procure por:

  <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>

Esse representa os comentários. Recorte e cole o bloco de notas novamente.

Agora que fizemos esse processo e os códigos estão no bloco de notas, confira se você recortou e não copiou, pois se apenas copiou, o código irá aparecer duas vezes.


Agora, procure por: <div class='post-header-line-1'/> e cole todos os 3 códigos que você recortou e que estão no bloco de notas, abaixo dela!
Depois de salvar, confira se deu tudo certo, se não, repita o processo novamente.

Prontinho, a personalização é bem facinha, e fica por conta de vocês u3u
Kiss

47 comentários:

  1. Eu faço um pouco diferente por que tenho preguiça de corta kk mais eu acho bem fofo no blog !

    vanessatutoriais.blogspot.com

    ResponderExcluir
  2. EuParabéns u.u
    Já tentei tantas formas, mas ai acabou bugando o lay, pois ficou por exemplo, o número de comentários abaixo do post, mas continuou em baixo também :c
    :3 || † Ieah

    ResponderExcluir
  3. Ah, eu acho lindo essa 'personalização' ♥ Porém acho difícil colocar, UAHSHUSAUH' Mexe aqui, mexe ali.. Credo, UAHSUSHA' -qq

    Beijinhos,

    Juu-Chan ;3 | Nescau com Nutella

    ResponderExcluir
  4. Muito bom esse tutorial, sempre uso ele >3<

    D-Resources || diamond-resources.blogspot.com.br

    ResponderExcluir
  5. Bom eu já conhecia mas acho super complicado :p

    worldofthel.blogspot.com.br

    ResponderExcluir
  6. Já tinha tentado mas nunca consegui, vou tentar no próximo layout que fizer.
    Bjs
    Cat Girl

    ResponderExcluir
  7. \o Parabéns por ter ganhado a gincana ^^
    Eu tinha gincana na minha escola, só que os nomes dos times a gente escolhia, e perdemos 2 vezes :/
    está frase: "CHUPA, PORQUE QUEM MANDA NAQUELA ESCOLA É NÓIS -/-" é a melhor suahsuahs'
    Muito bom o tutorial, eu usei uma vez e quase estraguei o blog :x mas depois deu certo rs'

    Beijos~
    Panther Pink and Blue

    ResponderExcluir
    Respostas
    1. Ahuehue, obrigada!! Nossa, espero que vocês ganhem *3*
      Ashuashua extravasei geral u.u
      Obrigada, na primeira vez sempre acontece algo errado ahuehue :P

      Excluir
  8. Eu amo esse tipo de personalização , mas eu tenho uma preguiça de mexer , muito grande!Seguindo!Pode retribuir :?

    ~Beijocas na xexa~
    cha-de-boneca.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada, preguiça? É nóis ahuehue
      Claro que sigo u.u

      Excluir
  9. Adorei o tutorial, e o uso hehe
    Desculpe a ausência, eu tava com uns probleminhas e acabei ficando sem muito tempo pra entrar aqui :c
    kissus <3

    ResponderExcluir
  10. Oi Mandi, parabéns pela gincana e o esforço valeu sim apena! haha
    Amo esse tuto, já conhecia. c: Novo post confere?
    coff-cake.blogspot.com ♥

    ResponderExcluir
  11. Mandi tem um namô, lalalalala AUEHAUHEAUHEUAHUAHUHEA Quero fotos do casal, prfvr! Parabéns pela gincana, CHUPEM PESSOAS QUE EU NÃO CONHEÇO auehauhe -q
    Adorei o tuto, vou usar, seu rodapé do post é diwo!
    Mil Beijos ❥
    Garotas Atrevidas ❤ ~estou aguardando sua visita!

    ResponderExcluir
    Respostas
    1. Kkkkk percebi que você ainda não se acostumou ahuehue :P
      Obrigada, isso mesmo, CHUPEM!!! :)
      Obrigada, mas eu não sigo esse tutorial, eu sigo outro ahsuhsua

      Excluir
  12. Avise quando reblogar IUHSAIUHSIHAUIUSH'
    Gosto muito de usar isso no blog, acho que fica meio que diferente o3o

    ResponderExcluir
  13. Eu acho que fica muito lindinho <3
    Mas confesso que não tenho paciência ç3ç
    Beijos || Sayuki-Chan
    Sea of Html

    ResponderExcluir
  14. Amei, fica bem lindo ^^
    Beijocas, Lili ;3
    Clique aqui, e vá para o blog / Princesa Teen - O blog =)

    ResponderExcluir
  15. Que doidice HSUAHSAUHS' Chupa professora da Mandi u_u -sorry é emoção!
    Amei o tutorial, eu usava bastante!

    - HTML Secret

    ResponderExcluir
  16. Muito bom o tutorial, fica lindo e diferente.

    Beijos ♥ | Empire Html e Sea Of Html

    ResponderExcluir
  17. Mandi-chan, gomenne, mas jah coloquei os credits <3 E sobre o post, achei que ja tinha visto HUE` -q
    kiss~
    Charllote Maou||@Castle Madness

    ResponderExcluir
  18. omg! Estava louca atrás de tutorial, porque o outro infelizmente não estava dando .-.
    amei, vou tentar haha !

    Beijo
    http://mundoo-cute.blogspot.com.br/

    ResponderExcluir
  19. Awn Mandi, parabéns pela vitória. 1600 pontos a frente é demais kkkkkk, arrasou! E sobre o tutorial, eu adoro e acho lindo, mas mesmo eu fazendo tudo direitinho eu nunca consegui usar, nunca dá certo kkkk. Fazer o que né? Beijos! *-*

    Rediscovering Dreams

    ResponderExcluir
  20. Aff, Madi, para de ser favelada. Sabe, parece traficante comemorando matar os puliçia. Mesmo assim, parabéns e #Chupa todo mundo.
    Nunca dá certo para mim esse tuto TT^^TT

    Com carinho, Ammy | SEMPRE FUI ESTRANHA

    ResponderExcluir
  21. É eu sempre não consigo fazer isso, sério nunca consigo colocar, esse tuto é meio difícil '-'

    Beijos System Tough e Ugly Thing

    ResponderExcluir
  22. Parabéns pela vitória, sambou na cara dazinimiga AUSHASHASHAHSAHSAUSHAUSHASHA
    Adorei o tuto, muito diwo u__u'
    Beijos!
    bonjour-uneglacee.blogspot.com ♥
    parisnaestante.blogspot.com ♥

    ResponderExcluir
  23. #ChupaLogoTodoMundoPorqueElaTáAtacada
    Mas ok. Realmente, aquele outro tutorial deu um bug aqui e eu resolvi não usar, assim como as outras meninas. Espero que este funcione, vou procurar por ele da próxima vez que precisar fazer algum layout e me dê vontade de usar este recurso. bezzo, sarah
    http://agd-doce.blogspot.com.br/

    ResponderExcluir
  24. Fica lindo! Mas nunca consigo colocar ou fico com preguiça.
    Um beijo
    http://bombasticmusics.blogspot.com

    ResponderExcluir
  25. Que divo, no meu colégio também tem gincana, eu sou da equipe azul, só que fiquei em 3º lugar, a equipe vermelha ganhou :c você era de qual equipe? Quanto ao tuto, super útil amei, acho até que vou usar no meu prox. lay, hehe. Seguindo, blog novo, pode dar uma passadinha?
    http://cantinhodayah.blogspot.com.br/

    ResponderExcluir
  26. Fica super lindo! *-*
    Ótimo tuto hein, adorei :)

    Bjs
    de-livro-em-livro.blogspot.com

    ResponderExcluir
  27. Awn... que coisa linda! É tão fofinho ♥
    Mas, sinceramente, a pessoinha aqui, ''excelente'' como é no HTML vai sair perfeito né. Imagina! #OlhaSóoDesastre

    u.U vamos comemorar, isso foi muito bom, não é mesmo?! PARABÉNS! A escola inteirinha tem que chupar (Isso soa tão ruim...) pois a vitória é de vocês. Uhul :D

    Mas, tá certo, voltando ao assunto: É um amorzinho esse tutorial. Mas ao menos que alguém faça pra mim - hueheueheuehue - eu posso desistir. :/

    A Kiss! ♥

    - Navy Cupcake

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ