Link e numero di commenti accanto al Titolo in Blogger.

Come mostrare il link con il contatore dei commenti accanto al titolo dell'articolo in Blogger.

Ho già presentato un tutorial per mostrare una icona con il contatore dei commenti accanto al Titolo nei blog su piattaforma Blogger addirittura in più stili e in una seconda versione con varie opzioni di posizionamento. In questo articolo vediamo invece come visualizzare accanto al titolo del post quello che si vede solitamente nella parte bassa del layout cioè il numero dei commenti con il link per aprire la sezione dei commenti di Blogger sotto il footer.

In altri termini vogliamo ottenere un risultato come il seguente

Sarà possibile mantenere anche il link nel footer oppure eliminarlo andando su Layout > Post sul blog > Modifica e togliere la spunta ai commenti per nascondere il link

Per ottenere il risultato desiderato bisogna innanzitutto salvare il template per eventuale ripristino. Poi si va su Modello > Modifica HTML > Vai al widget > Blog1 e si cerca la riga

<b:includable id='post' var='post'>

Se si ha un modello recente e che non abbiamo personalizzato in quella zona potremo scorrere il codice fino a <div class='post-header'>  che sarà formato da un blocco come questo

<b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>   
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

come mostrato nello screenshot

Tale codice va sostituito interamente con il seguente

<b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
          <b:else/>
            <data:post.title/><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
          </b:if>
        <b:else/>
          <data:post.title/><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Si salva il modello. Il numero dei commenti con relativo link sarà visibile non solo nei singoli post ma anche nella Homepage, nelle pagine delle Etichette e in quelle di Archivio. Qualora non ci fossero commenti sarà visualizzata la scritta Nessun commento

Concludo precisando che il separatore tra Titolo e Link dei commenti è dato dal carattere " | "che può essere sostituito da un altro a piacere o anche da più caratteri. La sostituzione va fatta in tutte e quattro le occorrenze del codice precedente.

Fonte | Southern Speakers -