24 de abril de 2013

Comentários , Autor , e marcador abaixo do título do post


pequena garota

Oi Oi gente , eu vim ensinar um tutorial que achei no Things to HTML *-* Vamos ver?

No seu HTML, procure por <div class='post-footer-line post-footer-line-1'> (quem quiser entender melhor o novo HTML do blogger pode ver essa postagem da Liah).
Você irá ver vários códigos depois desse que você procurou, então selecione desde <div class='post-footer-line post-footer-line-1'>  até </div> e apague, deverá ficar assim:
Imagem: CB

Agora procure por <div class='post-header'> e novamente teremos dois resultados, o resultado que interessa é o primeiro. Abaixo da linha que você procurou, cole o seguinte código:
<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'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </span> | <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span> | <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> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>

Visualize e se estiver tudo certo, salve.
Agora para personalizar, é só procurar por ]]></b:skin> e colar o código a seguir acima dessa tag:
.post-header { text-align: center; /*Alinha no centro*/
font-size: 11px; /*Tamanho da fonte*/
border-bottom: 1px dashed #000; /*Borda inferior*/}
.post-header a { color: #000 !important; /*Cor dos links*/}
.post-header a:hover {color: #fff !important; /*Cor dos links ao passar o mouse*/}

Gostaram ? ta tchau ^-^ 

5 comentários:

  1. Eu amo esse tutu é bem legal e deixa o blog com um cara nova e legal! VLWW# lembra de mim Emilia lá do Coff Emilia?? Sua seguidora?? Bom eu queria muito pedi desculpas por sumi e nunca mais ter aparecido aqui no blog, mas agora eu voltei!
    Um grande beijo Emilia.

    coffemilia.blogspot.com♥

    ResponderExcluir
    Respostas
    1. Ah, eu lembro sim *-*
      Mas q saudades!
      Q bom q vc voltou :3
      Bjs

      Excluir
  2. Eu não consigo encontrar??
    Porque vc pode me ajudar?

    ResponderExcluir
  3. Não achei
    http://www.adolescente-girl.blogspot.com.br
    http://www.doce-morango1.blogspot.com.br

    ResponderExcluir
  4. Eu também não achei. Por que? Você poderia ajudar? Obrigada.

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)