Pubblicato il 13/11/13e aggiornato il

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

link-numero-commenti

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

icona-numero-commenti

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

codice-modello

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

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




7 commenti :

  1. Molto utile p.es. se si nasconde il post footer in home page. Ricordo in passato di aver trovato su un blog una personalizzazione simile; in quel caso però a fianco del titolo compariva l'etichetta.

    RispondiElimina
  2. @D.Perina
    Sì può fare anche quello, magari ci faccio un altro post. Grazie dell'idea
    @#

    RispondiElimina
  3. ciao Ernesto volevo chiederti ho creato una sitemap perchè su bing non me la legge neanche quelle che hai tu nella pagina, ma prima di inserirla la devo istallare sull blog ora ti chiedo dove devo inserire la sitemap?? in quale stringa di codice? grazie

    RispondiElimina
    Risposte
    1. Quello che so sulle sitemap di Bing l'ho scritto qui
      http://www.ideepercomputeredinternet.com/2012/06/inviare-sitemap-blogger-bing.html
      @#

      Elimina
    2. mi dice che non è possibile inserire il codice perche la sitemap deve essere parte del sito.. che significa??

      Elimina
    3. Devi seguire le linee guida del link del commento 4.a
      1) In altri termini devi loggarti con il tuo account Microsoft
      2) Aprire questa pagina
      http://www.bing.com/toolbox/webmaster/
      3) Andare su Accedi o su Accedi con account microsoft
      4) Incollare nel browser questa stringa
      http://www.bing.com/webmaster/ping.aspx?siteMap=http%3A%2F%2Fwww.ideepercomputeredinternet.com%2Fatom.xml%3Fredirect%3Dfalse%26start-index%3D1%26max-results%3D500
      dove al posto di
      www.ideepercomputeredinternet.com
      ci metti l'URL del tuo blog con il .com e non con il .it se si tratta di un blog gratuito su Blogger
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.