Gioco a programmare

domenica 23 febbraio 2014

Lo scheletro del blog (ad eccezione dei commenti)

Ecco lo scheletro di tutto, tranne i commenti:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>">

<head>
  <title><$BlogPageTitle$></title>

  <$BlogMetaData$>

 <style>
</style>
</head>
<body>

<Blogger>
<BlogItemTitle>
   <$BlogItemTitle$>
</BlogItemTitle>

<$BlogItemBody$>


<$I18NPostedByAuthorNickname$> alle <a href="<$BlogItemPermalinkUrl$>"><$BlogItemDateTime$></a>

<BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$I18NNumComments$></a>


</Blogger>
</body>
</html>

Sintesi dei tags sulla pagina principale

Mi ricostruisco tutto...
Prendiamo nota dei tags...

Titolo del post

BlogItemTitle
   $BlogItemTitle$
/BlogItemTitle

Corpo del post
```
$BlogItemBody$
```

Footer

Postato da... il...

$I18NPostedByAuthorNickname$ $BlogItemPermalinkUrl$ $BlogItemDateTime$

Link ai commenti col numero commenti

BlogItemCommentEnabled
    $BlogItemCommentCreate$ $BlogItemCommentFormOnClick$ $I18NNumComments$
/BlogItemCommentEnabled

sabato 22 febbraio 2014

Il corpo dei commenti

Bene.
Ecco tutta la raccolta dei commenti scorporata dai tag HTML:

<BlogItemComments>
     <$I18NAtCommentTimeWithPermalink$>
     <$I18NCommentAuthorSaid$>
     <$BlogCommentBody$>
     <$BlogCommentDeleteIcon$>
</BlogItemComments>

Che danno una sistemazione grezza, la quale andrà rimaneggiata coi tag HTML.

La sezione commenti

Per quanto riguarda i commenti, c'è un'indicazione del numero dei commenti.

L'indicazione del numero dei commenti è quella che io ho colorato in rosso mediante un aggiustamento dello stile, per poterla meglio identificare.
E' specificata con questo codice:

<ItemPage>

  <div id="comments">
 <BlogItemCommentsEnabled><a name="comments"></a>

        <h4 style="background-color:red"><$I18NNumComments$>:</h4>

Lasciamo soltanto i tag di Blogger:

<ItemPage>


 <BlogItemCommentsEnabled>

        <$I18NNumComments$>

A parte il tag condizionale <ItemPage c'è di nuovo l'apertura del tag <BlogItemCommentsEnabled>, e di nuovo il tag che specifica il numero dei commenti, <I18NNumComments>, questa volta senza link.

Bene, per il momento mi fermo qua...

Footer: autore del post e commenti.

Adesso veniamo ai commenti.
Che sarebbe quell'altra scritta col numero dei commenti presente in basso a destra sul footer, insieme al "Posted by... @...".

Ripasso il codice necessario per il "postato da..."
Come prova, lo tolgo dal footer e lo metto nel BlogItemBody

<div class="post-body">

          <p>

      <$BlogItemBody$>

    </p>
<$I18NPostedByAuthorNickname$> alle <a href="<$BlogItemPermalinkUrl$>"><$BlogItemDateTime$></a>
        </div>

E vediamo se funziona (ho fatto tutto a memoria).

Perfetto! Postato da... eccetera, è andato fuori dal footer.

Adesso lo rimetto nel footer, sempre a memoria:

        <p class="post-footer">
<$I18NPostedByAuthorNickname$> alle <a href="<$BlogItemPermalinkUrl$>"><$BlogItemDateTime$></a>
      
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><span style="text-transform:lowercase"><$I18NNumComments$></span></a>
      </BlogItemCommentsEnabled>

Ah, ecco, viene così:

perchè ho dimenticato il tag <em>

        <p class="post-footer">
<em><$I18NPostedByAuthorNickname$> alle <a href="<$BlogItemPermalinkUrl$>"><$BlogItemDateTime$></a></em>
      
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><span style="text-transform:lowercase"><$I18NNumComments$></span></a>
      </BlogItemCommentsEnabled>

ed è tornato a posto!

Adesso veniamo ai commenti.

I tags che comprendono quella voce che dice il numero dei commenti, vicino alla matitina, sono

      <BlogItemCommentsEnabled>

      </BlogItemCommentsEnabled>

Se ce li metto da soli, non danno nessun effetto, il numero di commenti non compare.
Per quanto ho capito, per fare apparire il numero dei commenti bisogna mettere il tag $lt;$I18NNumComments$>
Proviamoci:

      <BlogItemCommentsEnabled>
         <$I18NNumComments$>
      </BlogItemCommentsEnabled>

E infatti appare il numero di commenti, ma NON come collegamento ipertestuale.

Per fare questo bisogna creare il link all'indirizzo specificato dal tag che, appunto, permette la creazione dei commenti, linkando o alla pagina del post o a una finestra popup a seconda delle opzioni.

Aggiungiamo <BlogItemCommentCreate$>

<BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"><$I18NNumComments$></a>
</BlogItemCommentsEnabled>

...e funziona!

Se però io nelle impostazioni seleziono i commenti in un form a parte (finestra popup), non funziona ancora.
E' necessario che io aggiunga, dopo il collegamento ipertestuale, <$BlogItemCommentFormOnClick$>.

<BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$I18NNumComments$></a>
</BlogItemCommentsEnabled>

Che faticaccia!

venerdì 21 febbraio 2014

Postato da... alle ... con link al Permalink del post

Adesso dobbiamo curare la parte che dice "Postato da Trigon @ 16:08

Il codice sarebbe questo:

<em><$I18NPostedByAuthorNickname$> @ 
<a href="<$BlogItemPermalinkUrl$>" title="permanent link">
<$BlogItemDateTime$></a></em>

Quell'I18N mi risulta strano. Prendiamolo per buono mnemonicamente.
Invece quel PostedByAuthorNickname è chiaro: traduciamocelo in italiano per memorizzarlo meglio:
Postato da Nickname dell'Autore.

La chiocciolina resta invariata perchè è un semplice carattere grafico.

Invece $BlogItemPermalinkUrl$ è l'url del Permalink del solito elemento blog, ed è l'indirizzo cui si va a finire cliccando sul link specificato da BlogItemDateTime, che sarebbe l'ora dell'elemento blog.

Provo a rimaneggiarmelo un po'...

Ripassiamo i tag di Blogger che abbiamo già imparato.

Vediamo...

Quelli che ho visto finora iniziano sempre per Blog.
E sono:

<BlogDateHeader>
 <$BlogDateHeaderDate$>
</BlogDateHeader>

Come ricordarli?

La parola iniziale è sempre Blog
Trattandosi di data, la parola successiva è Date, e siccome è un'intestazione, ricordiamo anche Header.
Il tag che specifica la data sarebbe la data dell'header di data del blog, e quindi va aggiunto Date componendo $BlogDateHeaderDate$

<BlogItemTitle>
 <$BlogItemTitle$>
</BlogItemTitle>

Il successivo è quello del Titolo

Inizia sempre con Blog.
Questa volta entriamo nell'elemento del post, quindi ci aggiungiamo Item

Essendo il titolo, andiamo con Title. Il tag che specifica il titolo resta invariato $BlogItemTitle$.

Andiamo al corpo.

La parola iniziale è sempre Blog
Si tratta sempre dell'elemento post, quindi aggiungiamo Item
Essendo il corpo, si aggiunge Body

Non ci vogliono i tag iniziali e finali e si scrive solo $BlogItemBody$.