15/11/2014

Tutorial - comentários , marcadores e autor abaixo do título do post


Olá Meu doces ! Tudo bem com vocês ? (◠△◠)
Depois de decidir tanto qual seria o tema deste post pensei que ainda não tem tutorial aqui como sô um porco irritante para explicar então descobri que posso sim ter finalmente um Tutorial Digno de ser lido , mas como ninguém presto atenção no meu novo player.....bem que botei ele  ali pois fica mais fácil de escutar musica , voltando como havia dito esse tutorial é digno pois são nada mais nada menos do que colocando comentários , marcadores e autor abaixo do título do post .Claro não podia faltar os devidos créditos . Já que não fui eu que descobrir o tutorial é "meu" entre aspas pois to explicando do meu jeito , porém as imagens e o tuto em si são do Kawaii World que foi onde eu aprendi. Então Vamos começão click em Leia Mais .

Aqui temos uma prévia dele:

"Print Kawaii world"
Mas antes um aviso , tem que verificar se estão todos na mesma linha e se estão visíveis  , não vai fazer que nem eu , verifique antes se está assim

Se está tudo certinho agora vamos no HMTL do seu blog , acho que todos sabem como chegar lá né ok. Agora click em "Expandir modelos de Widgets" que é a primeira seta depois click em Ctrl+f  e procure por <div class='post-footer-line post-footer-line-1'>  irão aparecer dois mas é o primeiro que serve para esse tutorial .
Quando acha-lo selecione desde <div class='post-footer-line post-footer-line-1'>  até </div> e apague , se ficar tudo certo ficará assim :

e.  

 Agora procure <div class='post-header'>  novamente aparece dois mas é o primeiro , quando acha-lo abaixo dele 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>
 E agora é a parte final mas antes visualize pra ver se não deu erro , depois procure por  ]]></b:skin> acime dele cole :

.post-header { text-align: center; /*Alinha no centro*/
font-size: 10px; /*Tamanho da fonte*/
border-bottom: 1px dashed #Cor; /*Borda inferior*/}
.post-header a { color: #Cor !important; /*Cor dos links*/}
.post-header a:hover {color: #Cor !important; /*Cor dos links ao passar o mouse*/}
É só isso  agora aproveite depois , vou ensinar como personaliza-lo , só quando eu melhorar meu  jeito de explicar que é um desastre,o()o mas darei o melhor (≧▽≦)O 
Beijinhos da Matte

XOXO~


2 comentários poste o seu (^∇^)

Não ignore por favor U---U
Críticas construtivas são bem vindas Ofensivas não;
Comentários que tem algum spam não serão divulgados e serão removidos;
Todos os cometários são lidos antecipadamente ;
Comentários anônimos são permitidos ;
Algumas faces para você utiliza-los:

(・∀・ )(ΘεΘ;)(n˘v˘•)¬(✪㉨✪)ヽ(๏∀๏ )ノ≖‿≖(ノ◕ヮ◕)ノ*:・゚✧( ´∀`)☆ (≧ω≦)∩(︶▽︶)∩(✿◠‿◠)(◡‿◡✿)(◕‿◕✿)(≧◡≦)(◕‿-)(∪ ◡ ∪)(≧ω≦)o(≧o≦)o(~ ̄▽ ̄)~ (︶ω︶)
Leu tudo?
Então comente!

Layout criado por Lercy . Não é permitido cópias ou inspirações © 2015